body {
	min-width: 0 !important;
	max-width: 100% !important;
}
@media (max-width: 1024px) {
	.control-owl {
		display: none;
	}
	#messages-facebook {
		display: none;
	}
	.btn-frame {
		display: none;
	}
	.menu-res {
		display: block;
		background: #fff;
		height: auto;
		position: sticky;
		top: 0;
		z-index: 1000;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	}
	.menu {
		display: none;
	}
	.header {
		display: none;
	}
	.menu-res {
		padding: 0;
	}
	.search-res .icon-search {
		color: var(--c1);
		border-color: var(--c1);
	}
	.menu-res.scrolled .m_logo a img {
		height: 50px;
		transition: all 0.3s ease;
	}
	.menu-bar-res {
		height: auto;
		padding: 5px 15px;
	}
	.mmenu_left.w-25 {
		display: flex;
		justify-content: flex-end;
	}
	.breadCrumbs .wrap-content .breadcrumb {
		padding: 0;
	}
	.wrap_slideshow {
		position: relative;
	}
	.wrap_slideshow .wrap-content {
		margin: 0;
		padding: 0;
	}
	.slideshow {
		overflow: hidden;
		margin: 0;
		width: 100%;
	}
}
@media (max-width: 768px) {
	.hotlinefix{bottom: 3em;}
	/* .content-responsive img, .content-responsive iframe, .content-responsive source, .content-responsive figure { width: auto !important; height: auto !important; max-width: 100%; overflow: hidden; }  */
	.breadCrumbs .wrap-content {
		padding: 0.2rem 15px 0.3rem;
		font-size: 14px;
	}
	.breadcrumb-item {
		line-height: normal;
	}
	.col_category {
		width: 100%;
		position: relative;
		top: unset;
		order: 2;
	}
	.col_content {
		width: 100%;
		position: relative;
		top: unset;
		order: 1;
	}
	div#wrap_delivery {
		left: 10px;
		transform: scale(0.8);
		transform-origin: left;
	}
	.wrap_tempalte .grid_product,
	.grid_product {
		grid-template-columns: repeat(2, calc((100% + 12px) / 2 - 12px));
		grid-gap: 12px;
	}
	.menu-bar-res {
		height: auto;
		padding: 2px 15px;
	}
	.mm_logo img {
		height: 70px;
	}
	.menu-res.scrolled .mm_logo img {
		height: 45px;
		transition: all 0.2s ease;
	}
	.flex_footer {
		flex-wrap: wrap;
	}
	.fcol1 {
		width: 100%;
		margin-bottom: 20px;
	}
	.fcol2 {
		width: 100%;
		margin-bottom: 20px;
	}
	.fcol3 {
		width: 100%;
		margin-bottom: 20px;
	}
	.fcol4 {
		width: 100%;
	}
	.footer_main {
		background-size: cover;
	}
	.flex_bottom {
		height: auto;
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding: 5px 0;
	}
	.top {
		display: none;
	}
	.header {
		display: none;
	}

	.media_left {
		width: 100%;
		margin-bottom: 20px;
	}
	.media_right {
		width: 100%;
	}

	.header_mxh {
		display: none;
	}
}
@media (max-width: 500px) {
	#hamburger {
		width: 30px;
	}
	.mm_logo img {
		height: 60px;
	}
	.menu-res.scrolled .mm_logo img {
		height: 40px;
		transition: all 0.2s ease;
	}
	.mm_lang {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 3px;
	}
	.mm_lang img {
		height: 16px;
	}
	.owl-pro-detail {
		padding: 0px 0px;
	}
	.grid-pro-detail {
		margin-bottom: 0.5rem;
	}
	div#tabsProDetailContent {
		padding: 10px 0 !important;
	}
	.box-readmore {
		padding: 5px 10px;
		margin-bottom: 0.8rem;
	}
	.content-responsive h1 {
		font-size: 16.5px;
		line-height: normal;
	}
	.content-responsive h2 {
		font-size: 16px;
		line-height: normal;
	}
	.content-responsive h3 {
		font-size: 15.5px;
		line-height: normal;
	}
	.content-responsive h4 {
		font-size: 15px;
		line-height: normal;
	}
	.content-responsive h5 {
		font-size: 14.5px;
		line-height: normal;
	}
	.content-responsive h6 {
		font-size: 14px;
		line-height: normal;
	}
	.title-main {
		margin-bottom: 0.5rem;
	}
	.wrap_tempalte .grid_product,
	.grid_product {
		grid-template-columns: repeat(2, calc((100% + 6px) / 2 - 6px));
		grid-gap: 6px;
	}
	div#popup-booking {
		max-width: 100%;
		padding: 15px;
		border-radius: 8px;
	}
	.booking_title {
		font-size: 20px;
		line-height: 1;
		margin-bottom: 15px;
		margin-top: 10px;
		font-weight: 900;
	}
	.form_booking {
		gap: 8px;
	}
	.form_booking input {
		width: 100%;
		height: 40px;
		padding: 0 10px;
		font-size: 13px;
	}
	.form_booking textarea {
		height: 50px;
		padding: 10px;
		font-size: 13px;
	}
	.form_booking input[type='submit'] {
		font-size: 15px;
	}
	div#wrap_delivery {
		left: 5px;
		transform: scale(0.65);
	}
	.footer_main {
		padding: 30px 0 20px;
	}
	.ft_txt {
		line-height: normal;
	}
	.ft_content {
		line-height: 1.5;
	}
	.news-name {
		margin-top: 0.8rem;
	}
	.wrap-main {
		margin: 10px auto;
	}
	.search-res .icon-search {
		width: 30px;
		height: 30px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.title_desc {
		font-size: 12px;
		letter-spacing: normal;
		width: 100%;
		padding: 0;
	}
	.wrap_title {
		margin-bottom: 10px;
		padding-bottom: 0;
	}
	.wrap_newsnb {
		padding: 20px 0;
	}
	.ft_desc {
		font-size: 30px;
		margin-bottom: 5px;
	}
	.footer_title {
		font-size: 14px;
		margin-bottom: 12px;
	}
	.footer-ul li {
		margin-bottom: 8px;
		padding-bottom: 0;
		list-style-position: inside;
		border-bottom: none;
	}
	.sp__txt {
		padding: 5px;
	}
	.sp__items {
		border-radius: 10px;
		padding: 5px;
	}
	.sp__name h3 {
		font-weight: 500;
		font-size: 13px;
		margin-bottom: 5px;
	}
	.sp__price_new span {
		font-size: 10px;
		margin-left: 5px;
	}
	.sp__price {
		font-size: 11px;
	}
	.sp__price span {
		font-size: 12px;
	}
	.sp__price_old {
		font-weight: 400 !important;
		margin-left: 0;
		font-size: 11px !important;
		margin-top: 2px;
	}
	.tabs-pro-detail {
		margin-top: 0.5rem !important;
	}
	.right-pro-detail.mb-4,
	.attr-pro-detail {
		margin-bottom: 0.5rem !important;
	}
	.attr-pro-detail {
		list-style: none;
		padding: 0px;
		font-size: 13px;
	}
	.tabs-pro-detail .nav-tabs .nav-link {
		font-size: 13px;
	}
	.attr-pro-detail {
		font-size: 13px;
	}
	.wrap_slogan {
		height: auto;
		line-height: normal;
	}
	.wrap_splistnb {
		margin: 20px 0;
	}
	.splistnb__icon {
		width: 30px;
		height: 30px;
	}
	.splistnb__icon i {
		font-size: 15px;
	}
	.splistnb__name h3 {
		padding: 0 12px 0 10px;
		font-size: 14px;
		height: 30px;
		line-height: 34px;
	}
	.splistnb__name {
		padding: 0;
		margin: 0;
	}
	.splistnb__link {
		font-size: 12px;
		padding: 0;
	}
	.splistnb__cat {
		display: none;
	}
	.wrap_newsletter {
		padding: 20px 0;
	}
	.title_main {
		font-size: 20px;
	}
	.nlt_form input {
		width: 100%;
		height: 35px;
		padding: 0 10px;
		font-size: 13px;
	}
	.nlt_form textarea {
		width: 100%;
		height: 60px;
		padding: 8px 10px;
		font-size: 13px;
	}
	.nlt_form input.btn_form_sm {
		padding: 0 20px;
		font-weight: 900;
		font-size: 14px;
		margin-top: 0;
	}
	.wrap_media {
		padding: 20px 0;
	}
	.media_title {
		font-size: 20px;
	}
	.media_line {
		margin: 5px 0 12px;
	}
	.ft_line {
		height: 1px;
		margin-bottom: 12px;
	}

	.flex_top {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
		height: auto;
		padding: 5px 0;
	}

	.top_right {
		display: none;
		width: 100%;
	}

	.top__item {
		gap: 5px;
		font-size: 14px !important;
	}

	.top__item span {
		font-size: 12px;
	}

	.wrap_spnb {
		width: 100%;
		margin: 20px 0;
	}

	.spnb_tab {
		gap: 5px;
		margin-bottom: 12px;
	}

	.spnb__item {
		height: 28px;
		padding: 0 9px;
		line-height: 28px;
		font-size: 13px;
		min-width: max-content;
		font-weight: 600;
	}

	.sp__discount {
		transform: scale(0.6);
		top: 3px;
		right: 3px;
		transform-origin: top right;
	}

	.sp__addcart {
		gap: 3px;
		border-radius: 5px;
		font-size: 10px;
	}

	.splistnb__name h3::before {
		border-bottom: 30px solid var(--c2);
		border-right: 30px solid transparent;
	}

	.splistnb_nav {
		gap: 30px;
		margin-bottom: 10px;
	}

	.n__items {
		gap: 8px;
	}

	.n__name {
		font-size: 13px;
	}

	.n__txt {
		gap: 5px;
	}

	.n__desc {
		line-height: 1.5;
	}

	.n__link {
		display: none;
	}
}