@media(max-width:1200px) {

	.wrap-danhmuc,
	.wrap-dichvu,
	.wrap-tt-video {
		padding: 25px 7px;
	}

	.wrap-tieuchi {
		margin-top: 0 !important;
		padding: 30px 7px !important;
	}
}

/* Responsive */
@media(max-width:1001px) {
	.btn-frame, #messages-facebook{display: none;}
	.toolbar{display: block;}
	.wap-slider{overflow: hidden;}
	.image-map-container{
		width: calc(100% + 500px) !important;
		max-width: calc(100% + 500px) !important;
		margin: auto;
		margin-left: -250px;
	}
	.right_news{
		display: none;
	}
	.modal-datlich .box-group {
        width: 100%;
    }
	.modal-datlich .form-newsletter {
        flex-direction: column;
        gap: 8px;
    }
	.modal-datlich .newsletter-input input,
	.modal-datlich .newsletter-input select {
		height: 35px;
		padding: 0 10px;
		margin-bottom: 0;
		-webkit-appearance: none;
		/* Loại bỏ giao diện mặc định của iOS */
		-moz-appearance: none;
		appearance: none;
	}

	.modal-datlich .newsletter-input textarea {
		height: 80px;
	}

	.title-main span {
		/* padding: 8px 45px 8px 16px; */
	}

	.layout_dangky {
		flex-wrap: wrap;

	}

	.content_gioithieuindex img {
		max-width: 100% !important;
		height: auto !important;
	}

	.title-main2 span:after,
	.right_dangky {
		display: none;
	}

	.layout_gioithieu {
		gap: 20px;
	}

	.left_gioithieu,
	.right_gioithieu,
	.left_dangky,
	.right_dangky {
		width: 100%;
	}

	.wrap_gioithieu .title_gioithieu1 {
		display: none;
	}

	.title_gioithieu1{
		font-size:22px
	}

	.layout_gioithieu {
		flex-wrap: wrap;
	}

	.header_mobile {
		display: flex;
		justify-content: center;
		padding: 10px 0;
	}

	.box_hotline {
		padding: 8px;
		border-radius: 8px;
		border: 2px dashed #fff;
		display: flex;
		width: fit-content;
		margin: 0 auto;
	}

	.footer-info {
		width: 100%;
	}

	.slider-progress-vertical {
		display: none;
	}

	#video-fotorama {
		margin-bottom: 30px;
	}

	.title_doitac::after {
		display: none;
	}

	.grid_danhmuccap1 {
		display: none;
	}

	.grid_danhmuccap1_mobile {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 24px;
	}

	.item_start {}

	.py-block {
		padding: 30px 10px;
	}

	.title-main span img {
		display: none;
	}

	.list-tieuchi {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 15px;
	}

	.wrap-tt-video {
		padding-bottom: 0;
	}

	.news-item-index {
		padding: 0 5px;
	}

	.right-news-index .scale-img,
	.right-news-index .scale-img img {
		border-radius: 7px;
	}

	.news-item-index .info-news-item {
		width: 100%;
		margin: 0;
	}

	.wrap-col {
		gap: 25px;
	}

	.left-news-index h3 a {
		margin-top: 0;
		margin-bottom: 0;
	}

	.wrap-tintuc,
	.wrap-video {
		max-width: 100%;
		width: 100%;
	}

	.left-news-index {
		width: 100%;
	}

	.right-news-index {
		width: 100%;
	}

	.desc_dichvu {
		-webkit-line-clamp: 3;
	}

	#fanpage-facebook {
		width: 100%;
	}

	.footer-powered .row,
	.footer-powered .row .footer-statistic,
	.footer-powered .row .footer-copyright {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	.footer-news:nth-child(1),
	.footer-news:nth-child(2),
	.footer-news:nth-child(3),
	.footer-news:nth-child(4) {
		max-width: 46%;
		width: 46%;
	}

	.row-footer {
		flex-wrap: wrap;
	}

	.pic-product img,
	.pic-product {
		border-radius: 20px;
	}

	.wrap-dichvu .control-owl button.owl-next,
	.wrap-dichvu .control-owl button.owl-prev {
		display: none;
	}

	.grid-product-ajax {
		grid-template-columns: repeat(3, 1fr);
		gap: 15px;
	}

	.header-bottom .wrap-content {
		flex-wrap: wrap;
		justify-content: center !important;
		padding: 10px 7px;
	}

	.hotline-header {
		display: none;
	}

	.content-main-fix img {
		max-width: 100% !important;
		height: auto !important;
	}

	.title-yoga-program {
		text-align: center;
		display: block;
	}

	.wrap-yoga-program {
		padding: 0 7px;
	}

	.bmi-form {
		margin-top: 10px;
	}

	.title-bmi {
		text-align: center;
		font-size: 30px;
		display: flex;
		margin-bottom: 40px;
	}

	.wrap-bmi {
		flex-wrap: wrap;
		width: 100%;
		padding: 0 7px;
	}

	.dknt-bmi,
	.img-bmi {
		max-width: 100%;
		width: 100%;
	}

	.img-bmi img {
		max-width: 100%;
		width: 100%;
	}

	.wrap-yoga-content {
		margin-top: 40px;
	}

	.content-main {
		padding: 0 7px;
	}

	.footer-news {
		margin-bottom: 10px;
	}

	.footer-ul li a {
		font-size: 14px;
	}

	.footer-title {
		font-size: 20px;
	}

	.footer-article .wrap-content {
		padding: 50px 15px;
		z-index: 2;
	}

	.wrap_baiviet {
		padding: 0 7px;
	}

	.title-news {
		margin-bottom: 0;
	}

	.wrap_baiviet {
		margin-top: 40px;
	}

	.slick-pronb .slick-active+.slick-active {
		box-shadow: none !important;
	}

	.slick-pronb,
	.wrap_anh_video .my-5 {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	.title_col {
		margin-bottom: 0;
		text-align: center;
	}

	.wrap_video,
	.wrap_anhhd {
		max-width: 100%;
	}

	.slick-pronb .slick-list {
		padding: 0 !important;
	}

	.wrap-home {
		margin-top: 0;
	}

	.item_feedback {
		flex-wrap: wrap;
		justify-content: center;
	}

	.img_feedback,
	.left_item_feedback {
		width: 100%;
	}

	.title-feedback,
	.title-news {
		text-align: center;
	}

	.wrap-tieuchi,
	.wrap-feedback,
	.wrap_anh_video {
		margin-top: 40px;
		padding: 0 7px;
	}

	.title-tieuchi {
		text-align: center;
	}

	.title-about {
		margin-bottom: 0;
	}

	.wrap-khoayoga {
		margin-top: 40px;
	}

	.xemthem-about {
		display: none;
	}

	.menu_fix {
		display: none !important;
	}

	.wrap_about {
		flex-wrap: wrap;
		margin-top: 30px;
		justify-content: center;
		padding: 0 7px;
	}

	.pic-about,
	.content-about {
		max-width: 100%;
	}

	.wap-top {
		margin-bottom: 0;
	}

	.header_fix {
		padding-top: 0;
	}

	.right_header {
		width: 100%;
	}

	.left_header {
		display: none;
	}

	.header-mobile {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		align-content: center;
	}

	.header-top {
		display: none;
	}

	.menu {
		display: none;
	}

	.menu-res {
		display: block;
	}
}

@media(max-width:769px) {
	.grid-project {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 24px;
	}

	.grid_danhmuccap1_mobile {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	.list-tieuchi {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}

	.grid-product-ajax {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}

	.thucdon-mobile {
		display: block;
	}
}

@media(max-width:600px) {
	.grid_danhmuccap1_mobile {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}
}

@media(max-width:576px) {
	.grid-project {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}

	.group-news-index,
	.news-item-index {
		justify-content: center;
	}

	.item_danhmuccap1 .img_danhmuccap1 {
		width: 100%;
	}

	.bottom_danhmuccap1_2 {
		bottom: 0;
	}

	.name_dichvu a {
		font-size: 15px;
	}

	.footer-title {
		text-align: center;
	}

	.footer-news:nth-child(1),
	.footer-news:nth-child(2),
	.footer-news:nth-child(3),
	.footer-news:nth-child(4) {
		max-width: 100%;
		width: 100%;
	}

	.footer-news:nth-child(1) {
		justify-content: center;
		display: flex;
		flex-wrap: wrap;
	}

	.grid-product-ajax {
		grid-template-columns: repeat(3, 1fr);
		gap: 10px;
	}

	.news-image {
		margin-bottom: 1rem;
	}
}

@media(max-width:500px) {
	.grid-project {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 15px;
	}

	.left-news-index h3 a {
		font-family: "Roboto";
		font-size: 16px;
	}

	.title_ft1,
	.title_ft2 {
		width: 100%;
		font-size: 18px;
	}

	.validation-newsletter .btn_newsletter {
		font-size: 20px;
	}

	.hotline_dangky a {
		padding: 0;
		border: none;
		color: #FFFC46
	}

	.hotline_dangky p {
		font-size: 16px;
	}

	.title_dangky {
		font-size: 25px;
	}

	.title-main2 span {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.title_gioithieu3 {
		font-size: 30px;
	}

	.title_gioithieu2 {
		font-size: 25px;
	}

	.title_doitac h2 {
		margin-bottom: 0;
		padding: 10px 24px;
		font-size: 25px;
	}

	.title_video1::before {
		bottom: -7px;
	}

	.item_danhmuccap1 .img_danhmuccap1 {
		width: 100%;
	}

	.bottom_danhmuccap1_2 {
		bottom: 0;
	}

	.grid_danhmuccap1_mobile {
		grid-template-columns: repeat(1, 1fr);
		gap: 15px;
	}

	.name-tieuchi {
		font-size: 18px;
	}

	.desc-tieuchi {
		font-size: 14px;
	}

	.title_video1,
	.title_video {
		font-size: 25px;
	}

	.price-product,
	.price-new {
		font-size: 14px;
	}

	.name-product {
		font-size: 18px;
	}

	.title-main span {
		font-size: 24px;
	}

	.grid-product-ajax {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}

	.title-yoga {
		font-size: 30px;
	}

	.content-yoga {
		font-size: 18px;
	}

	.title-about {
		font-size: 25px;
		margin-bottom: 10px;
	}

	.desc-about {
		font-size: 18px;
	}
}

@media(max-width:450px) {
	.list-tieuchi {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 10px;
	}

	.price-product {
		flex-wrap: wrap;
	}
}

@media(max-width:369px) {
	.xemthem_tintuc {
		display: none;
	}

	.cart-pro-detail a {
		width: 100%;
	}

	.cart-pro-detail a:first-child {
		margin-right: 0px;
		margin-bottom: 0.5rem;
	}

	.cart-pro-detail a i {
		display: none;
	}
}