/*.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	    max-width: 1200px;
	}*/
@media(max-width: 1400px){
	.banner-top a {
	    height: 50px;
	    background-size: 150%!important;
	}
	.space-header.has-banner-top {
		height: 175px;
	}
	.cat-product-list {
		max-width: 1140px;
		width: 100%;
	}

	
}

@media(max-width: 1320px){

}

@media(max-width: 1200px){
	
	.container,
	.cat-product-list {
		max-width: 100%;
	}
	.group-sub-menu > ul > li > span > a {
	    padding: 10px 20px 10px 45px;
	    line-height: 30px;
	    font-size: 1em;
	}
	.bg-event {
		display: none;
	}
	.wrap-header .header .menu ul.main-menu li a{
		padding: 15px 3px;
	}
	
}
@media(max-width: 1024px){
	
	.banner-top a {
		display: none;
	}
	.group-sub-menu > ul > li > span > a > img {
	    width: 40px;
	    position: absolute;
	    top: 0px;
	    left: 0px;
	}
	.group-sub-menu > ul > li > span > a {
	    padding: 5px 20px 5px 45px;
	    line-height: 30px;
	    font-size: 1em;
	}
	.group-sub-menu > ul {
	    width: 220px;
	}
	.wap-cat-banner .sub-menu-lv1 {
	    width: 220px;
	}
	.sub-menu-lv2 {
	    left: 219px;
	} 
	.sub-menu-lv2 {
	    width: 512px;
	}
	.col-5lg {
		width: 25%;
	}
	.space-header,
	.space-header.has-banner-top {
		height: 144px;
	}
}

@media(max-width: 991px){
	.wrap-header .header .menu {
		position: fixed;
		display: block;
		top: 0px;
		bottom: 0;
		right: -100%;
		width: 220px;
		height: 100%;
		background: #fff;
		padding: 60px 0 20px 10px!important;
		z-index: 9;
		opacity: 0.

	}
	.wrap-header .header .menu.in {
		right: 0;
		opacity: 1;
	}
	.wrap-header .header .user-account {	    
	    position: relative;
	    width: 100%;
	}
	.wrap-header .header .user-account li:after {
		    content: "";
		    width: 100%;
		    height: 1px;
		    position: absolute;
		    top: auto;
		    bottom: 0;
		    background: #ccc;
			}
	.wrap-header .header .menu ul.user-account li a {	    
	    position: relative;
	    width: 100%;
	    padding: 10px 40px 10px 0;
	    text-align: right;
	}
	.wrap-header .header .menu ul.user-account li a ion-icon {
		right: 0;
		left: auto;
		width: 30px;
		height: 30px;
	}
	.wrap-header .header .menu ul.main-menu li  {
		display: block;
	}
	.wrap-header .header .menu ul.main-menu li a {
		padding: 0 40px 0  0;
		height: 44px;
		line-height: 44px;
	}
	.wrap-header .header .menu ul.main-menu li:hover a:after {
		display: none;
	}
	.wrap-header .header .menu ul.main-menu li a ion-icon {
		display: block;position: absolute;
		width: 20px;
		height: 20px;
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
	}
	
	.cat-product-list {
		display: none;
	}
	.cat-product-list.in,
	.cat-product-list.sticky.in {
		top: 20%;
		display: block;
		z-index: 110;
	}
	.wrap-header {
		position: relative;
		animation-name: headerstickytwo;
	 	animation-duration: 0.2s;
	}
	.wrap-header.sticky {
		position: sticky;
		top: 0;
		box-shadow: 0 .5rem 1rem rgba(0,0,0,.3)!important;
		animation-name: headersticky;
	 	animation-duration: 0.5s;
	}
	@keyframes headerstickytwo {
	  0%   {position: sticky;top: 0;}
	  99%  {position: sticky;top: -60px}
	  100% {position: relative;}
	}
	@keyframes headersticky {
	  0%   {position: relative;top: 0;}
	  10%  {position: sticky;top: -60px}
	  100% {position: sticky;top: 0px}
	}
	.cat-product-list .sub-menu-lv2 {
		display: none!important;		
	}
	.cat-product-list ul li {
		width: 33.3333%;
		flex: 1 0 auto;
		padding: 0;

	}
	.close-cat.in {
		z-index: 105;
	}
	.cat-product-list ul {
		width: 90%;
		max-width: 400px;
		left: 50%;
		transform: translateX(-50%);
		display: flex;
    	flex-wrap: wrap;
    	padding: 10px;
    	border-radius: 5px;
	}
	.cat-product-list > ul > li > a:after {
	    display: none;
	}
	.cat-product-list > ul > li >a {
		padding: 75px 10px 10px 10px;
	    line-height: 20px;
	    display: block;
	    text-align: center;
	    height: 100%;
	    border:none;
	    font-style: italic;
	    font-size: 12px;
	}
	.cat-product-list > ul > li >a img {
		top: 0;
		margin-top: 15px;
		width: 60px;
		height: 60px;
		left: 50%;
		margin-bottom: 5px;
		transform: translateX(-50%);
		background: #e6ebed;
		border-radius: 50px;
		color: #fff;
		z-index: -1;
	}
	.cat-product-list > ul > li:last-child >a {
		border: none;
	}
	.cat-product-list > ul > li:nth-child(3n+1) > a {
		border-left: none;
	}
	.wrap-header .header{
		background: #1ab6b5;
		padding: 5px 10px;
	}
	.wap-group-banner {
		margin: 0;
		padding-left: 10px;
	}
	.wap-group-banner img {
		border-radius: 5px;
	}
	.main-menu .top-bar .braind-menu.sticky {
		display: block;
		width: 50px;
		background: #1ab6b5;
		padding: 7px;
	}
	.wrap-header .header .logo a img{
	    -webkit-filter:brightness(100);
	    filter:brightness(100);
	}
	.top-bar .wap-button-list-cat,
	.top-bar .shopping-cart,
	.group-product > div:nth-child(7),
	.bg-white-pos.hotdeal-content:after,
	.hidden-mb,.space-cat-home{
		display: none;
	}
	.top-bar .main-menu {
	    height: 44px;
	    position: relative;
	}
	.top-bar .main-menu ul li a {	    
	    padding: 0 5px;
	}
	.container {
		max-width: 100%;
	}
	.img-video {
		margin-bottom: 0px;
	}
	.btn-block-lg {
		display: block;
		width: auto;
	}
	.hotdeal-content .img-product,
	.hotdeal-content .infomation-product {		
		top: 0px;
	}
	.group-product > div {
		width: 25%;
	}
	.footer {
		padding-bottom: 70px;
	}
	.function-group li.call,
	.hidden-dt
	,.bar-bottom {
		display: block;
	}
	.space-header,
	.space-header.has-banner-top {
		height: 114px;
	}

	.btn-menu-ac.in {
		z-index: 999999999;
	}
	.close-menu.in {
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		background: rgba(24,49,64,0.6);
		z-index: 1;
	}
	.btn-menu-ac.in:after {
		border-top: 2px solid #183140;
		border-bottom: 2px solid #183140;
	}
	.btn-menu-ac.in:before{
		background: #183140;
	}
	.btn-menu-ac:after {
		content: "";
		width: 16px;
		height: 12px;
		border-top: 2px solid rgb(255,255,255);
		border-bottom: 2px solid rgb(255,255,255);
		background: transparent;
		position: absolute;
		top: 50%;
		margin-top: -6px;
		transform: translateX(-50%);
		left: 50%;
	}
	.btn-menu-ac:before{
		content: "";
		width: 13px;
		height: 2px;
		background: rgb(255,255,255);
		position: absolute;
		top: 50%;
		margin-top: -1px;
		left: 50%;
		transform: translateX(-50%);
	}
	.btn-search-ac,
	.btn-menu-ac {
		width: 36px;
	    height: 36px;
	    display: block;
	    text-align: center;
	    line-height: 40px;
	    border-radius: 20px;
	    position: absolute;	    
	    display: block;
	    cursor: pointer;
	    top: 50%;
	    transform: translateY(-50%);
	    z-index: 9999;
	    
	}
	.btn-search-ac img,
	.btn-menu-ac img {
		width: 100%;
	    position: relative;
	}
	.btn-search-ac {		
	    right: 54px;

	}
	.btn-menu-ac {		
	    right: 10px;
	}
	body:before {
		top: -15%;
		width: 100%;
		height: 60%;
		background: #1ab6b5;
	}
	.wrap-fs-header {
		position: relative;
		z-index: 100;
		padding:15px 10px;
		width: 100%;
		background: #fff;
	}
	.wrap-fs-header .search-header {
		margin-left: 0;
	}
	.search-header .search-sugges{
		position: relative;
		display: block;
		border: none;
	}
	.top-bar {
	    position: absolute;
	    background:#fff;
	    height: 100%;
	    top: 64px;
	    z-index: 99;
	    width: 100%;
	    display: none;
	}
	.top-bar.in {
		display: block;
		height: 100vh;
	}
	.product-slider {
		width: 100%;
	}
	.wap-user-info {
		border-radius: 5px 5px 5px 5px;
	}
	.menu-user ul {
		display: flex;
	    overflow-x: auto;
	    margin-top: calc(var(--bs-gutter-y) * -1);
	    margin-right: -10px;
	    margin-left: -10px;
	}
	.menu-user ul li {
		flex: 0 0 auto;
    	width: 15%;    	
    	display: initial;
	}
	.menu-user ul li a,
	.menu-user ul li.active a {
		display: inherit;
		line-height: 16px;
		text-align: center;
		margin-bottom: 10px;
		margin-left: auto;
		margin-right: auto;
		padding: 30px 10px 0 10px;
		height: auto;
		font-size: 0.95em;
		color: rgba(0,29,43,0.7);
	}
	.menu-user ul li a ion-icon {
		width: 20px; height: 20px;
		position: absolute;
		top: 5px;
		left: 50%;
		transform: translatex(-50%);
	}
	.menu-user ul li.active a:before,
	.menu-user ul li.active a:after {
		display: none;
	}
	.menu-user ul li a span {
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: 15px;
		border-radius: 30px;
	}
}
@media(max-width: 930px) {

	.header-hotline {
		display: none;
	}
	.col-5lg {
		width: 33.33333333333333%;
	}
	.top-bar .main-menu ul li a {
	    padding: 0 7px;
	}
}
@media(max-width: 767px){
	
	body.in {
		overflow: hidden;
	}	
	.top-bar .main-menu,
	.top-bar .header-hotline,
	.braind-logo > * > div:first-child,
	.product-tiem-style1 .content-product-1 .saving-point,
	.bar-banner
	 {
		display: none;
	}
	.wap-group-banner {
		margin: 0;
	}
	.wap-group-banner .carousel-item a,
	.slider-banner-style1 {
		overflow: hidden;
		border-radius: 20px;
	}
	img {
		border-radius: 10px;
	}
	.wrap-fs-header.in,
	.close-search.in {
		display: block;
	}	
	.img-video {
		margin-bottom: 10px;
	}
	.group-sub-menu {
		top: -40px;
	}	
	.product-slider-cat {
		margin-left: -10px;
		margin-right: -10px;
	}
	.group-product {
		display: block;
		width: 1500px;
		padding-left: 10px;
	}
	.group-product > div:nth-child(1) {
		display: none;
	}
	.group-product > div {
		width: 16.3%!important;
		padding:0;
	}
	.group-product-cat-home .group-product > div:nth-child(2) .content {
		width: 100%;
	}
	.group-product > div:nth-child(2) .product-tiem-style1 .titel-product{
		font-size: 1em;
	}
	.group-product > div:nth-child(2) .product-tiem-style1 .sale-price {
		font-size: 1.2em;
	}	
	.group-product > div .product-tiem-style1 {
	display: block!important;
	}
	.group-product > div .product-tiem-style1 .img-product-item {
		width: 100%!important;
		display:block!important;
	}
	.group-product > div:nth-child(7) {
		display: inline-block;
	}
	.group-product > div:nth-child(2) .content-pro-cat {
		width: 100%;
	}
	.banner-cagory-home-mb {
		display: block;
	}	
	.group-product > div:nth-child(2) .product-tiem-style1 .titel-product {
		font-weight: 400;
	    -webkit-line-clamp: 2;
	    font-size: 1em;
	    line-height: 1.4em;
	}
	
	.titel-onair-pr {
		font-weight: 500;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	    word-break: break-word;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    font-size: 1.1em;
	    line-height: 1.4em;
	    text-transform: capitalize;
	}
	.wap-cat-banner .sub-menu-lv1 {
	    display: none;
	}
	.wap-category:after,
	.wap-category:before {
		display: block;
	}
	.content-popup {
		width: 400px;
		height: 400px;
		margin-left: -200px;
		margin-top: -200px;
	}	
	.full-screen.account-fs:before {
		top: 0; left: 0; right: 0; bottom: 50%;
		display: none;
	}	
	.hidden-mb-sm {
		display: none;
	}
	.space-header,
	.space-header.has-banner-top {
		height: 60px;
	}
	.live-calendar ul,
	.deal-tab ul {
		padding:0 15px;
	}
	.live-calendar ul li {
		width: auto;		
	}
	.live-calendar ul li a{
		padding: 0 10px;
		
	}
	#content-page {
		width: 95%;
	}
	.str-box .item-str-box:after {
		content: "";
		display: block;
		width: auto;
		height: 1px;
		position: absolute;
		top: auto;
		bottom: 0px;
		left: 20px;
		background: #dedede;
		right: 20px;
	}
	.str-box .item-str-box:before {
		content: "";
		display: block;
		width: 18px;
		height: 11px;
		position: absolute;
		border-bottom: 2px solid #009688;
		border-left: 2px solid #009688;
		transform: rotate(-45deg);
		right: 50px;
		top: 50%;
	}
	.item-live .content > .row > *,
	.like-product .content > .row > *{
		width: 100%;
		min-height: auto!important;
	}
	.group-top-product {
		margin-left: -10px;
		margin-right: -10px;
		border-radius: 0;
	}
	.product-slider {
		width: 100%;
		margin-top: 0;
	}
	.wap-info-product {
		background: transparent!important;
	}
	
}
@media(max-width: 650px){

	.group-product {
		display: block;
		width: 1300px;
	}
	.item-live > img,
	.like-product > img,
	.result-item > img {
	    left: 0px;
	}
	.item-live > img, .like-product > img {
		width: 85px;	
	}
	.item-live .sale, .like-product .sale {
		display: none;	
	}
	.item-live,
	.like-product {
	    padding-left: 80px;
	}
	.item-live > .content .wap-price-btn,
	.like-product > .content .wap-price-btn{
		text-align: left;
	}

	#content-page {
		width: 100%;
		padding: 0 15px;
	}
	.item-live > .content .name, .like-product > .content .name, .result-item > .content .name {
		font-weight: normal;
	}
	.menu-user ul li {
		flex: 0 0 auto;
    	width: 30%;    	
    	display: initial;
	}
	
}
@media(max-width: 575px){
	body:before {
		top: -15%;
		width: 100%;
		height: 35%;
		background: #1ab6b5;
	}
	.titel-icon-style-lv2 .titel-best-sale,
	.titel-icon-style-lv2 .titel-cat-product,
	.titel-icon-style-lv2 .titel-new-product {
		font-size: 1.5em;
		font-weight: 700;
		padding: 5px 0 0 0 ;
		margin: 0;
		color: #147589;
		text-transform: uppercase;
	}
	
	
	.price.price-sm {
		line-height: 1.2em;
	}
	.price.price-sm .sale-price {
		font-size: 1.3em;
	}
	.group-product {
		display: block;
		width: 250%;
	}
	.mkt-icon a {
		width: 100%
	}
	.content-popup {
		width: 300px;
		height: 300px;
		margin-left: -150px;
		margin-top: -150px;
	}
	.content-product .sold-out {	    
	    left: -5px;
	}
	.cart-item .product-cart {
	     padding-right: 0px; 
	}
	
	.cart-item .product-cart {
	    min-height: 125px;
	}
	.cart-item .number-price input {	
		float: left;
	}
	.col-5lg {
		width: 50%;
	}
	.time-line {
		font-size: 0.9em;
		line-height: 1.1em;
	}

	.time-line > .step:after {
		height: 30px;

	}
	.time-line {
		margin-bottom: 55px;
	}
	.group-btn-oder button,
	.group-btn-oder a {
		display: block;
		width: 100%;
	}
	.result-item br {
		display: none;
	}
	.result-item > .content .wap-price-btn .price {
	    margin: 10px 0;
	}
	.result-item .old-price{
		margin-right: 10px;
	}
	.result-item > .content .wap-price-btn {
		text-align: left;
	}
	.cart-item .promotion-cart {
	    margin-left: -15px;
	    margin-right: -15px;
	    padding: 10px 15px;
	}
	.cart-item .product-cart:last-child:before,
	.cart-item .promotion-cart:before {
		right: -5px;
	}
	.cart-item .product-cart:last-child:after,
	.cart-item .promotion-cart:after {
		left: -5px;
	}
	

}
@media(max-width: 425px){
	.group-product {
		display: block;
		width: 280%;
	}
	.account-fs .btn-red-style,
	.account-fs .btn-dack-style {
		display: block;
		width: 100%;
	}
	.group-order .content img {
		display: none;
	}
	.list-sub-cat ul {
		right: -15px;
		width: 100vw;
		border-radius: 0;
	}
}