/**
 * CSS legacy tách từ style.css trong 6J2G.
 * Giữ nguyên quy tắc hiển thị cũ; chỉ thay đổi phạm vi nạp tài nguyên.
 */

/****************************** Media.css **********************************/
/*** Media ***/
@media ( max-width: 767px ) {
	/* Css Chung */
	.mTS_horizontal ul.mTSContainer > li {
		max-width: 100px;
	}
	nav.navbar-main.navbar {
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
		position: fixed !important;
		width:100%;
		z-index:999;
		top:0;
	}
	main {
		padding-top: var(--v247-mobile-header-offset);
	}
	.slider-main .owl-theme .owl-controls {
		right: 20px;
		bottom: 5px;
	}
	.group-index .title-block:after {
		width: 75%;
	}
}
@media ( min-width: 768px ) {
	/* Css Chung */
	header {
		margin-bottom: 2px;
	}
	nav.navbar-main.navbar {
		position: relative;
	}
	/* Css Layout */
	.header-layout {
		padding: 0 15px;
	}	
}
@media ( min-width: 768px ) and ( max-width: 991px ) {
	/* Css Chung */
	/* Css Layout */
	/*** Menu responsive ***/
	.menu-repsonsive main {
		padding-top: var(--v247-mobile-header-offset);
	}
	.menu-repsonsive nav.navbar-main.navbar {
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);
		position: fixed !important;
		width: 100%;
		z-index: 999;
		top: 0;
	}
	.menu-repsonsive .navbar-collapse.collapse, .menu-repsonsive header {
		display: none !important;
	}
	.menu-repsonsive .flexbox-grid-default {
		display: -webkit-box !important;
		display: -webkit-flex !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}
	.menu-repsonsive .navbar-toggle {
		display: block;
	}
	.menu-repsonsive .nav-wrapper .navbar-header {
		float: none;
	}
	/*** End Menu repsonsive ***/
}
@media ( min-width: 992px ) and ( max-width: 1199px ) {
	/* Css Layout */
}
@media ( max-width: 1199px ) {
	.box-position-quickview {
		display: none !important; 
	}
}
@media ( min-width: 1200px ) {
	/* Css Chung */
	.col-width-20 {
		width: 20%;
		float: left;
	}
	/* Css Layout */
}
/************************************** End Media.css ******************/


.product-description-wrapper,
.page-description {
	text-align: justify;
}
@media only screen and (max-width: 480px) {
	.fix_mg{
		display:none  !important;
	}
	.s-dln{display:none;}
}
.slick-menu{padding: 10px;border-bottom: solid;}
.sfix-logo{display:block;margin:auto;}
.sfix-right{position:absolute;top:10px;right:10px;}
.sfix-right li{margin:0 !important}


.modal {
	text-align: center;
	padding: 0!important;
}

.modal:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px; /* Adjusts for spacing */
}

.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}
.banner-collection-header{text-align: center}
span.line-space {
	margin: 0px 2px;
	font-weight: bold;
	line-height: 29px;
	display: none;
}

.fb_dialog.fb_dialog_advanced.fb_customer_chat_bubble_animated_no_badge.fb_customer_chat_bubble_pop_in {
	bottom: 10px !important;
}
.promotion-status {
	margin: 10px 0px;
}
.icon-gift {
	position: absolute;
	z-index: 1000;
	width: 30px;
	height: 30px;
	top: 8px;
	right: 10px;
}
.promotion-status ul li {
	list-style: initial !important;
	margin-left: 18px;
}

.icon-sale {
	position: absolute;
	z-index: 1000;
	width: 60px;
	height: 60px;
	top: 8px;
	left: 10px;
}
@media(max-width:767px){
	.icon-sale {
		width: 30px;
		height: 30px;
	}
}

.i-tags-new {
	width: 50px;
	position: absolute;
	right: 0;
	top:0;
	z-index: 9;
}
li.open .menu__blog{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
}


.bottom-icon {
	bottom: 5px;
	top: auto;
	right: 5px;
}
.checkout-note {
	margin-bottom: 15px;
}
.checkout-note textarea{
	border-radius: 0;
	background: #ededed;
	color: #000;
	font-size: 15px;
	padding: 20px 15px;
	outline: none;
	width: 100%!important;
	min-height: 130px;
	font-weight: 500;
	border: 1px solid transparent;
	transition: all 150ms linear;
	-webkit-appearance: none;-ms-appearance: none;appearance: none;
}
@media(max-width:767px){
	.page-description.haha-table table {
		width: 100% !important;
	}
}
/*Mai (11/08/2022)*/
.fix_owl .box-article-index.blog-section-thumb.blog_hide {
	display: none;
}
.fix_owl.see_more_tab .box-article-index.blog-section-thumb.blog_hide {
	display: flex;
}
.btn_more {
	text-align: center;
}
.btn_more p {
	display: inline-block;
	padding: 5px 20px;
	border: 1px solid var(--v247-accent);
	border-radius: 5px;
	color: var(--v247-accent);
}

.product-desc-short table td,.product-desc-short table th {
    padding: 5px;
}
@media (max-width: 767px) {
	.section-title-main-flashsale,.section-title-flashsale {
		border-bottom: none !important;
	}
	.section-title-flashsale > a{ 
		text-align: right;
		width: 100%;
		margin: 6px 0 0;
	} 
}