@charset "utf-8";/* CSS Document */
/*************/
/*************/
@media screen and ( max-width: 991px) {
	body{
		padding-top:0; text-align:justify;
		overflow-x: hidden;
	}
	.breadgroup{
		display:none;	
	}
	.btn_mobile, #call_mobile{
		display:block;
	}
	.is-sticky #header .fsearch-nav{
		display: none;
	}
	#header{
		padding-top:0; min-height:auto; margin-bottom:0;
		padding-bottom:0; 		position:static;	
		overflow:hidden;
	}
	#header .logo{
		padding-bottom: .35rem; padding-top: .35rem;
		display: flex; align-items: center;
		padding-right: calc(var(--bs-gutter-x) * .5);
	}
	#header .logo a{
		display:inline-block;
	}
	#header .header-logo-link img{
		height: 65px;
	}
	.header-logo-mobile{
		display: flex;
		margin-left: auto;
		margin-top: 3px;
	}
	/****************************/
	#header .fsearch-nav{
		margin-top: 0; background:#97cd2a;
	}
	#header .fsearch-nav .fsearch{
		float:left; display:block; width:100%;
		background-color:#7ec014; margin:0;
		padding: .35rem 0; position:relative;	
	}
	#header .fsearch-nav .fsearch::before{
		position:absolute; left:100%; top:0; width:100%; height:100%;
		content:""; display:block; float:left; margin-bottom:0;
		background-color:#7ec014 ;	
	}
	#header .fsearch-nav .fsearch::after{
		position:absolute; right:100%; top:0; width:1000px; height:100%;
		content:""; display:block; float:left;
		background-color:#7ec014;	
	}
	.fsearch-cart .cart-totalitem{
		background-color: var( --color-main);
		color: #fff !important;
	}
	.is-sticky .fsearch-cart .cart-totalitem{
		background-color: #fff;
		color: var( --color-red) !important;
	}
	.is-sticky .btn_mobile,
	.is-sticky .fsearch-cart::before , 
	.is-sticky .header-logo-mobile-lang, 
	.is-sticky .header-logo-mobile-cart{
		color: #fff;
	}
	/****************************/
	.is-sticky .header-logo-navhover,
	.header-logo-navhover,
	.fsearch-box-action{
		display: none !important;
	}
	#header .fsearch-nav .fsearch form{
		float:left; text-align:left;	
		display:block; width:100%;
		background: none;
	}
	#header .fsearch-nav .fsearch form input{
		width:100%; background: rgb(0, 0, 0, .175);	
		border-color: transparent;
		color: #fff;
		height: 34px; line-height: 34px;
		font-size: 13px;
	}
	#header .fsearch-nav .fsearch form input::placeholder{
		color: rgb( 255, 255, 255, .5);
	}
	#header .fsearch form button{
		background: rgb(151, 205, 42);
		color: #fff;
		border: none;
	}
	#header .fsearch .fa{
		font-size: 17px; line-height: 28px;
	}
	#header .fsearch-nav .fsearch form button:hover{
		background-color:#eaeae0; color:#7ec014;
	}
	#header .fsearch-nav .box-nav{
		margin:0; padding:0; background-color:transparent;
		float:left; width:100%;
		display: none !important;
	}
	#header .fsearch-nav .box-nav li{
		clear:both; display:block; width:100%; float:left;
		border-bottom:1px solid #6AAE00;
		padding-left:15px; padding-right:15px;
	}
	#header .fsearch-nav .box-nav li::before{
		display:none;	
	}
	#header .fsearch-nav .box-nav li a{
		padding-right:0;	
	}
	#header .fsearch-nav .box-nav li.lang a{
		display:inline-block; width:auto; position:relative;
		padding-left:0px; float:right;
	}
	#header .fsearch-nav .box-nav li.lang a span,
	#header .fsearch-nav .box-nav li.lang a img{
		display:inline-block; float:left; line-height:20px;
	}
	#header .fsearch-nav .box-nav li.lang a span{
		margin-left:5px;	
	}
	#header .fsearch-nav .box-nav li.lang i{
		display:inline-block; float:right; margin:0 12px;
		font-style:normal; line-height:24px;
		color:#FFF;
	}
	/****************************/
	.page-home #homeslide-owl,
	#homeslide-owl{
		margin-bottom:15px;
	}
	#homeslide-owl .owl-dots .owl-dot span{
		width: 12px; height: 12px;
		margin: 1px 4px;
	}
	/***************/
	#sitemap{
		margin-left:0;
	}
	.footer-social{
		text-align: left; padding-top:5px; padding-bottom:5px;	
	}
	/***********/
	#home-news span.readmore{
		float:left; clear:both; margin-top:10px; margin-left:0;
		width:100%;
	}
	#home-news .item-sm .item{
		border-bottom:1px solid #DDD; padding-bottom:30px;	
	}
	#home-news .item-lg .des{
		margin-top:15px; padding-left:0;	
	}
	#home-news .item-sm .item .img{
		width:90px;	
	}
	#home-news .item-sm .item .des{
		padding-left:15px; float:left; width:calc( 100% - 90px);	
		line-height:22px;
	}
	/************/
	.page-home #products .item:last-child{
		display:block;	
	}
	#products .item .img{
		height:170px	
	}
	#products .item .img img{
		height:100%; width:auto;
		min-width:auto;	
	}
	/************/	
	.pdetail-other-title{
		font-size:22px;	
	}	
	/*********/
	#blog-content a.readmore{
		float:left; margin-top:15px;	
	}
	#blog-content .des{
		font-size:14px; line-height:24px;
		padding-left:0; margin-top:10px;
	}
	#blog-content .img a{
		height:auto;	
	}
	#blog-content .img img{
		position:static; width:100%; height:auto;
		transform:none; left:auto;	
	}
	/***********/
	.pdetail-info-group{
		margin-top:0; margin-bottom:0;
	}
	.bg-trans-product-info{
		margin-top:30px;	
	}
	.bg-trans-product-info .box{
		position:static; padding:0px;	
	}
	.pdetail-box{
		padding-top:30px; padding-bottom:30px;	
	}
	/***********/
	.pitem-other{
		width:50%;	
	}
	.pitem-other h3{
		height:auto;
		font-size:15px; line-height:20px;
		text-overflow: ellipsis;    text-transform: capitalize;    white-space: nowrap;
		overflow:hidden;
	}
	.pitem-other h3 span{
		height:auto;	
	}
	.pdetail-box h3{
		margin-bottom:15px;	
	}
	.pdetail-title{
		font-size:21px; line-height:32px;
		margin-bottom: .35rem;
	}
	.prodetail-overview-info-price{
		margin-bottom:0px;	
	}
	/**********/	
	.img-detail-main{
		margin-bottom:0; margin-left:-15px; margin-right:-15px;
	}
	.blog-detail-info .blog-report{
		padding-left:15px; padding-right:15px;
		margin-bottom:15px;	
	}
	/*********/
	.page-news .pdetail-tab .nav-tabs{
		display:none;	
	}
	.page-news .pdetail-tab .tab-content{
		padding:0; border:none;
	}
	/*********************************/
	.fixedpage-action{
		right: 0;
		bottom: 80px !important;
	}
	/*************/
	.fixedpage-action .dropdown-menu{
		width: auto;
		max-width: 47px;
		padding-top: 0; padding-bottom: 0;
	}
	.fixedpage-action .dropdown-item{
		border-radius: .25rem;
		border-top-right-radius: 0; border-bottom-right-radius: 0;
		border-right: none;
		border-color: #fff;
	}
	.fixedpage-action .dropdown-item span{
		display: none;
	}
	.fixedpage-action .dropdown-menu > li:not( :last-child){
		margin-bottom: .5rem;
	}
	.fixedpage-action .dropdown-item svg{
		width: 35px;
		height: 35px;
	}
	/*********************************/
	/********************************/
	.cart-title,
	.cart-complete-info .cart-title{
		font-size: 16px;
	}
	/********************************/
	/************************/
	.blogdetail-comment .boxcomment-title{
	position: relative;
	background: none;
	padding-left: 0 !important;
	margin-bottom: 1rem;
	}
	.blogdetail-comment .boxcomment-title::before{
	position: absolute; left: 0; top: 50%; z-index: 1;
	content: "";
	transform: translateY( -50%);
	display: block;
	width: 100%; height: 1px;
	background-color: var( --color-red);
	}
	.blogdetail-comment .boxcomment-title > *{
	display: inline-block;
	position: relative; z-index: 1;
	background-color: #fff;
	padding-right: .75rem;
	padding-left: .75rem;
	}
	/*********************************/
	.blogdetail-text-wrapper{
		padding-left: .75rem;
		padding-right: .75rem;
	}
	/*********************************/
	.prodetail-overview{
		margin-bottom: 1.5rem;
	}
	.prodetail-faddtocart-btn{
		min-width: auto;
		width: 48.5%;
		padding: .75rem .75rem .7rem;
		font-size: 14px;
		margin: 0 0 1rem;
		order: 2;
	}
	.prodetail-faddtocart-btn--addtocart{
		order: 1;
		margin: 0 0 1rem;
		width: 100%;
	}
	.prodetail-faddtocart-btn--hotline{
		margin-left: auto;
	}
	.prodetail-overview-info #button-share{
		text-align: center;
		justify-content: center;
	}
	/*********************************/
	.prodetail-content{
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	.boxother-container,
	.prodetail-other{
		padding-top: 1rem;
		padding-bottom: 2rem;
	}
	/*********************************/
	.bloglist-wrapper{
		--bs-gutter-x: 1.5rem;
		--bs-gutter-y: 1.5rem;
	}
	.bloglist-item-img{
		margin-bottom: .75rem;
	}
	.bloglist-item-des{
		margin-bottom: 1rem;
	}
	.bloglist-item-box-readmore{
		text-align: left;
		border-bottom: 1px solid #CCC;
		padding-bottom: 1.25rem;
	}
	/*********************************/
	.contact-left h1{
		font-size: 21px;
		margin: .75rem 0 .5rem;
	}
	.homenews-wrapper .bloglist-item-readmore{
		padding-top: .35rem;
		padding-bottom: .35rem;
	}
	/*********************************/
	.leftpronav-wrapper{
		display: none;
	}
	/*********************************/
	#pronav_content{
		margin-bottom: 1.75rem;
	}
	/******************************/
	#product_other_owl .owl-nav{
		top: -3.2rem;
	}
	.product-filter-header{
		display: flex;
	}
	.product-filter-main.collapsing,
	.product-filter-main.show{
		border-top: 1px solid #CCC;
		padding-top: .75rem;
		margin-top: .35rem;
		
	}
	/*********************************/
}
/*********************************/
@media screen and (max-width: 767px) {
	.breadcrumb{
		display:none;	
	}
	#header_navigation li a{
		width:100%;	
	}
	/*********/
	.title-page{
		padding-top: .5rem; padding-bottom: .5rem;
		font-size:15px; 
		margin-bottom: .75rem
	}
	.title-page-readmore{
		padding-top: .25rem;
		padding-bottom: .25rem;
	}
	/*********/
	#products .item:nth-child(3n+1){
		clear:none;	
	}
	#products .item:nth-child(2n+1){
		clear:both;	
	}
	/***************/
	.dcontent .blog-detail-img{
		width:100%; margin:0 0 15px 0;	
	}
	/*****************************/
	.cart-navbar{
		padding: 1rem .5rem;
		margin-bottom: 1.5rem;
	  }
	  .cart-navbar .cart-navbar-item{
		display: none;
	  }
	  .cart-navbar .cart-navbar-item.active{
		display: block;
	  }
	  .cart-navbar--complete .cart-navbar-item.active:first-child{
		display: none;
	  }
	  .cart-navbar--complete .cart-navbar-header:last-child:before{
		content: "02";
	  }
	  .cart-boxitem{
		padding: .5rem 1rem 1rem;
		margin-bottom: 1.25rem;
	  }
	  .cartitem{
		border-top: none;
		border-bottom: 1px solid rgb(204 204 204);
	  }
	  .cartitem.header{
		display: none;
	  }
	  .cartitem.footer{
		font-size: 14px;
	  }
	  .cartitem-product-group{
		flex: 0 0 auto;
		width: 100%;
		align-items: center;
		background-color: #f6f6f6;
		padding: .5rem 0;
	  }
	  .cartitem-product-price,
	  .cartitem-stt{
		display: none;
	  }
	  .cartitem-product{
		margin-bottom: .5rem;
		padding-left: 0; padding-right: 0;
	  }
	  .cartitem-product-photo{
		width: 60px;
	  }
	  .cartitem-product-info{
		padding-left: .75rem;
	  }
	  .cartitem-product-title{
		font-size: 13px; line-height: 18px;
		margin-bottom: .15rem;
	  }
	  .cartitem-qty{
		flex: 0 0 auto;
		width: auto;
	  }
	  .cartitem-price{
		flex: 1 0 0%;
		width: auto;
	  }
	  .prodetail-faddcart-input--cart{
		background-color: #fff;
		position: relative;
		padding-left: 32px;
	  }
	  .prodetail-faddcart-input--cart .prodetail-faddcart-button[value=minus]{
		position: absolute; left: 0; top: 0;
		z-index: 1;
		width: 32px; height: 100%;
		border-right: 1px solid var( --border-color);
	  }
	  .prodetail-faddcart-input-btngroup button:not( :last-child){
		border-bottom: none;
	  }
	  .prodetail-faddcart-input--cart input{
		width: 70px;
	  }
	  /*****************************/
	  .cart-complete-info .cart-title{
		font-size: 16px;
	  }
	  /*****************************/
	.fcomment-input-group textarea{
		height: auto;
		font-size: 13px;
		background-color: #fff;
		border-color: #ccc;
	}
	/*******************/
	.fcomment-input-group{
		--height-textarea: 50px;
		max-height: none;
	}
	.boxcomment-wrapper{
		padding-left: 0; padding-right: 0;
	}
	.fcomment-img{
		display: none;
	}
	/*******************/
	.ratinglist-item-header{
		margin-bottom: .5rem;
	}
	.ratinglist-item-text{
		margin-bottom: .5rem;
	}
	/*******************/
	/*******************/
	.blogdetail-content-wrapper{
		margin-bottom: 1.5rem;
	}
	/*******************/
	.rarting-btn-loadmore--overivew, 
	.rarting-btn-loadmore{
		padding: .35rem .35rem;
		font-size: 12px;
		border-radius: 18px;
	}
	.rarting-btn-loadmore--overivew b, 
	.rarting-btn-loadmore b{
		font-size: 12px;
		font-weight: 500;
	}
	/*******************/
	.homenews-wrapper{
		--bs-gutter-x: 1.5rem;
		--bs-gutter-y: 1rem;
		margin-bottom: 1.5rem;
	}
	.homenews-wrapper .bloglist-item{
		width: 100%;
		align-items: flex-start;
		flex-direction: column;
		flex-wrap: wrap;
		border-bottom: none;
		padding-bottom: 0;
	}
	.homenews-wrapper .bloglist-item-img{
		width: 100%;
		margin-bottom: .75rem;
	}
	.homenews-wrapper .bloglist-item-des{
		width: 100%;
		margin-bottom: 0;
		padding: 0;
		border-bottom: 1px solid #CCC;
	}
	/*******************/
	#footer{
		border-top: 1px solid #ccc;
	}
	.footer-title{
		font-size: 19px;
	}
	.footer-info{
		padding-top: 1.5rem;
		padding-bottom: 1rem;
	}
	.footer-info-nav,
	.footer-map{
		display: none;
	}
	.footer-info-nav{
		width: 100%;
		order: 1;
		border-bottom: 1px solid #999;
		padding-bottom: .75rem;
		margin-bottom: 1.5rem;
	}
	.footer-info-text{
		width: 100%;
		order: 2;
	}
	/*******************/
	.product-list-wrapper{
		--bs-gutter-x: .5rem;
		--bs-gutter-y: .5rem;
		margin-bottom: 1.35rem;
	}
	.product-list-caption{
		padding: .45rem .75rem;
	}
	.product-list-title{
		line-height: 18px;
	}
	/*******************/
	.home-banner-product{
		margin-bottom: 1.35rem;
	}
	/*******************/
	.prodetail-overview-img{
		margin-bottom: 1.5rem;
	}
	/*******************/
	.comment-wrapper{
		padding: .75rem;
	}
	/*******************/
	.homenews-wrapper .bloglist-item:last-child .bloglist-item-des{
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.homenews-wrapper .bloglist-item:last-child .bloglist-item-des-readmore{
		margin-bottom: 0;
	}
	/*******************/
	.cart-complete-info{
		padding-top: .75rem;
	}
	/*******************/
	.rating-overview-wrapper{
		margin-bottom: 1rem;
	}
	.rating-overview-listdetail-item-rating{
		font-size: 13px;
		width: 95px;
	}
	.rating-overview-listdetail-item-text{
		width: 100px;
	}
	.rating-overview-listdetail-item-rating > *:not(:last-child){
		margin-right: .15rem;
	}
	.rating-overview-listdetail .rating-overview-listdetail-item:not( :last-child){
		margin-bottom: .35rem;
	}
	/*******************/
	.rating_votelist{
		--bs-gutter-x: .75rem
	}
	/*******************/
	/*******************/
	/*******************/
	/*******************/
	/*******************/

}
/************************/
@media screen and (max-width: 321px) {
	.dcontent .blog-detail-img{
		width:100%; margin:0 0 15px 0;	
	}
}
/*************/
@media screen and (min-width: 768px) and ( max-width: 991px) {	
	.container{
		width: 96%;	
	}
	#home-news .item-lg .des{
	  padding-left:30px; margin-top:0;	
	}
	/*********************************/
	.fixedpage-action .dropdown-item svg{
		width: 36px; height: 36px;
	}
	/******************************/
	#header .header-logo-link img{
		height: 80px;
	}
	.header-logo-mobile > *{
		margin-left: 1.5rem;
	}
	#header .fsearch-nav .fsearch{
		padding-top: .75rem;
		padding-bottom: .75rem;
	}
	.title-page{
		padding: .5rem .75rem .4rem;
		font-size: 16px;
	}
	/***************************/
	.cart-navbar{
		padding: 1rem 0;
	}
	.cart-navbar > .container{
	max-width: 100%;
	}
	.cart-navbar-header{
	font-size: 13px; line-height: 20px;
	padding-left: 55px;
	}
	.cart-navbar-title{
	font-size: 14px;
	}
	.cart-navbar-header::before{
	font-size: 47px;
	}
	.cart-boxitem{
	padding: 1.5rem;
	}
	.cart_content{
	font-size: 13px; line-height: 20px;
	}
	.cartitem-product-photo{
	width: 70px;
	}
	.cartitem-product-title{
	font-size: 14px;
	}
	.cartitem-price{
		width: 120px;
	}
	/***************************/
	.product-list-wrapper {
		--bs-gutter-x: .85rem;
		--bs-gutter-y: .85rem;
		margin-bottom: 1.5rem;
	}
	.product-list-caption{
		padding: .65rem .75rem;
	}
	/***************************/
	.page-cart #homeslide-owl{
		margin-bottom: 0;
	}
	/***************************/
	.footer-info-text{
		order: 1;
		width: calc( 100% - 200px);
		padding-right: 3rem;
	}
	.footer-info-nav{
		order: 2;
		width: 200px;
	}
	.footer-map{
		order: 3;
		margin-top: 1rem;
	}
	.footer-info-dcontent{
		margin-bottom: .5rem;
		padding-bottom: .75rem;
	}
	.footer-info-text .footer-social{
		margin: 0;
	}
	/***************************/
	.pagehome-product-list-wrapper .product-list-item:nth-child(10){
		display: none;
	}
	.left-support-list{
		display: flex; flex-wrap: wrap;
	}
	.left-support-list > *{
		flex: 0 0 auto;
		width: 50%;
		height: 100%;
		border-bottom: 1px solid #ddd;
		border-right: 1px solid #ddd;
	}
	.left-support-list > *:nth-child(2n){
		border-right: none;
	}
	.left-support-list > *:last-child{
		border-bottom: 1px solid #ddd !important;
	}
	.left-support ul > li:nth-child(4n + 2) a::before,
	.left-support ul > li:nth-child(4n + 3 ) a::before{
		background-color: var( --color-main);
	}
	.left-support ul > li:nth-child(4n + 1) a::before,
	.left-support ul > li:nth-child(4n) a::before{
		background-color: var( --color-main-bold);
	}
	/***************************/
	.bloglist-wrapper .bloglist-item{
		width: 100%;
		flex-direction: row;
		flex-wrap: nowrap;
	}
	.bloglist-wrapper .bloglist-item-img{
		width: 230px;
		flex: 0 0 auto;
		margin: 0;
	}
	.bloglist-wrapper .bloglist-item-des{
		flex: 0 0 auto;
		width: calc( 100% - 230px);
		padding-left: 1.5rem;
	}
	.bloglist-wrapper .bloglist-item-des-readmore{
		display: block;
		margin-bottom: 0;
	}
	.bloglist-item-text{
		--line-clamp: 3;
		--line-height: 24px;
		font-size: 14px;
		min-height: 0;
		margin-bottom: 1.25rem;
	}
	.bloglist-item-box-readmore{
		display: none;
	}
	.homenews-wrapper .bloglist-item-title,
	.bloglist-item-title{
		font-size: 17px;
		line-height: 1.4;
		text-transform: none;
		margin-bottom: 0.35rem;
	}
	.bloglist-item-img a,
	.bloglist-item-img img{
		height: 100%;
	}
	/***************************/
	.blogdetail-text-wrapper {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	/***************************/

}
/*******************/
@media screen and (min-width: 992px) and ( max-width: 1200px) {	
	.container{
		max-width: 96%;
	}
	.is-sticky #header .logo img{
		height: 46px;
	}
	#header .logo{
		width: 150px;
	}
	#header .header-logo-link img{
		height: 120px;	
	}	
	#header .fsearch-nav{
		width: calc( 100% - 150px);
	}
	#header .fsearch-nav .box-nav li a{
		padding-left:28px; padding-right:28px;	
	}
	#header .box-nav li.lang a{
		padding-left: 0; padding-right: 0;
	}
	#products .item .img{
		height:220px;	
	}
	#homeslide-owl .owl-dots{
		top:25%;	
	}
	#header .box-nav li.lang > i,
	body[lang="en"] .header-lang--en,
	body[lang="vi"] .header-lang--vn{
		display: none !important;
	}
	/*************/
	.fixedpage-action{
		bottom: 70px;
	}
	.fixed-btn-scrolltop{
		bottom: 25px;
	}
	/*************/
	body.prodetail .fixedpage-action{
		bottom: 80px;
	}
	/******************************/
	#product_other_owl .owl-nav{
		top: -3.65rem;
	}
	/******************************/
	.pagehome-product-list-wrapper .product-list-item:nth-child(9),
	.pagehome-product-list-wrapper .product-list-item:nth-child(10){
		display: none;
	}
	/*************/
	.prodetail-faddtocart-btn{
		order: 2;
		width: 48%;
	}
	.prodetail-faddtocart-btn--buynow{
		width: 100%;
		order: 1;
		margin: 0 0 1rem;
	}
	.prodetail-faddtocart-btn--hotline{
		margin-left: auto;
	}
	/*************/
	/*************/
}
/***********************************/
@media screen and (min-width: 767px){

	/**********************************/
	.fixedpage-action .dropdown-toggle{
	  display: none;
	}
	.fixedpage-action .dropdown-menu{
	  display: block;
	  position: relative;
	}
	/**********************************/
	/**********************************/
	/**********************************/
	/**********************************/
	/**********************************/
  
  
}

@media screen and ( min-width: 992px) {
	#header .fsearch-nav .box-nav{
		display:flex;
		justify-content: flex-end;
	}
	#product-filter-collapse{
		display: block;
	}
}