@charset "utf-8";
/* CSS Document */
/*************/
@media screen and (max-width: 991px) {
	html{
		display:block; width:100%;
		overflow-x:hidden;
	}
	/************/
	body{
		padding-bottom: 56px;
	}
	#call_mobile{
		display:block;
	}
	/********/
	#button-share{
		text-align:right;
	}
	#button-share > a{
		display:inline-block;
		margin-bottom:0; float:left;
	}
	#button-share .share-item{
		padding-right:0;
		float:left;
		border-radius:3px; -moz-border-radius:3px; -weborder-radius:3px;
		overflow:hidden;
	}
	#button-share a:first-child .share-item{
		margin-left:0;
	}
	#button-share .share-item b{
		display:none;
	}
	#button-share .share-item i{
		float:left;		margin-right:0; padding:0;
		color:#FFF;		font-size:15px;
		background:none;
		width:36px; height:36px; line-height:36px;
	}
	#button-share .share-item i:after{
		display:none;
	}
	/****************/
	.header_nav,
	#header .sticky-wrapper{
		display: none !important;
	}
	.headertop__container > li{
		margin-left: 0; margin-right: 0;
		padding-right: 0;
		padding-left: 0;
	}
	.header_main__container{
		padding-top: .5rem; padding-bottom: 0;
	}
	.header_logo{
		margin-bottom: .5rem;
	}
	.header_logo__img img{
		height: 65px;
	}
	.header-fsearch{
		background: var( --color-main);
		padding: .5rem .75rem;
	}
	.header_fsearch__container input{
		width: calc( 100% - 80px);
		height: 34px;
	}
	.header_fsearch__container button{
		width: 55px; padding-right: 15px;
		line-height: 1;
	}
	.header_fsearch__container button .fa{
		font-size: 17px;
	}
	.footer_nav{
		padding-top: 1rem; padding-bottom: .75rem;
	}
	.footer_nav .title{
		margin-bottom: .5rem;
	}
	/*****************/
	.home-tieuchi{
		padding-top: 1.5rem;
		padding-bottom: .5rem
	}
	.home-tieuchi .item{
		margin-bottom: 1.25rem;
	}
	.home-tieuchi .title{
		font-size: 14px; line-height: 20px;
		margin-bottom: 1px;
	}
	/**************/
	.homepro__boxcontainer{
		background: none;		box-shadow: none;
		margin-bottom: .25rem;
	}
	.prolist__container_header{
		margin-bottom: .5rem;
	}
	.prolist__container_header{
		font-size: 15px;
		padding: .7rem 1rem .6rem;
	}
	.homepro__boxcontainer .prolist__boxcontainer{
		padding-left: 0; padding-right: 0;
	}
	.prolist__boxcontainer{
		--bs-gutter-x: .5rem;
	}
	.prolist__price{
		margin-bottom: .5rem;
	}
	.prolist__des{
		padding: 0 .75rem;
	}
	.prolist__addtocart{
		margin-bottom: 1rem;
	}
	.home-feedback{
		padding-top: 1.5rem; padding-bottom: 1rem
	}
	.home-feedback .title-page{
		font-size: 21px; margin-bottom: .5rem;
	}
	#owl_homefb{
		margin-left: 0; margin-right: 0;
	}
	.homefeedback__item{
		margin: 0;
		padding: 1rem 1.25rem .75rem
	}
	#owl_homefb .owl-dots{
		margin-top: .15rem;
	}
	#owl_homefb .owl-dot span{
		width: 12px; height: 12px;
		margin: 0px 5px;
	}
	#owl_homefb .owl-dot.active span{
		width: 20px;
	}
	.homenews__container{
		padding-top: 1.25rem; padding-bottom: 1rem;
	}
	.title-page, .about-title{
		font-size: 23px;
	}
	.homenews__title{
		font-size: 19px; line-height: 28px;
	}
	/********************/
	body.prodetail{
		background: #fff;
	}
	.navproduct{
		margin-top: .75rem; margin-bottom: 1rem;
		padding-bottom: .5rem;
	}
	.navproduct__header {
		font-size: 15px;
		padding: .6rem 1rem .5rem;
		margin-bottom: .5rem;
	}
	.navproduct__list_container{
		padding-left: 1rem; padding-right: 1rem;
	}
	.navproduct__listitem a{
		padding: .3rem .75rem
	}
	.navproduct__listitem{
		--bs-gutter-x: .5rem;
		margin-bottom: 0;
	}
	.navproduct__listitem li{
		margin-bottom: .5rem
	}
	.prodetail__info_header{
		margin-bottom: 1.25rem;
	}
	.blogdetail__wrapper{
			padding: 0rem 0 0;
			box-shadow: none !important
	}
	.about-title{
		margin-bottom: .5rem;
	}
	#accordion_policy .accordion-button{
		background: var( --bs-light);
		font-size: 15px;
		padding: .75rem .75rem;
	}
	.pageblog .homenews__des{
		padding: 1rem 1rem;
	}
	.pageblog .homenews__item{
		margin-bottom: 1.5rem;
	}
	.homenews__des{
		padding-top: 1rem;
	}
	.homenews__item{
		margin-bottom: 1.5rem
	}
	#footer .footer-info .logo .logo-img img{
		height: 60px;
	}
	.cartitem__price{
		display: none;
	}
	.footer .cartitem__price,
	.price-amount{
		display: block;
	}
	.cartitem__qty{
		width: 135px;
	}
	#fixaction_icon{
    left: 0; bottom: 0;    width: 100%;
    background: #fff; padding: 9px .25rem;
    display: flex;flex-wrap: wrap;
    border-top: 1px solid #DDD;    margin: 0 0;
    box-shadow: 5px 0.125rem 15px rgba(0,0,0,.25);
  }
  #fixaction_icon li{
    flex-shrink: 0;    width: 100%;    max-width: 100%;
    padding-right: .35rem;    padding-left: .35rem;
    margin: 0;    transform: none;
    border-radius: 4px;

    flex: 0 0 auto;    width: auto;
    display: block !important; clear: none;
  }
  #fixaction_icon li.store{
    flex: 1 0 0%;
  }
  #fixaction_icon li a{
    border-radius: 4px;
  }
  #fixaction_icon li.store a{
    background-color: var( --color-hover); color: #FFF;
  }
  #fixaction_icon li.store .fa{
    margin-right: 10px;
  }
  #fixaction_icon li.hotline .fa{
    border: none;
  }
  #fixaction_icon li span{
    display: none; letter-spacing: 1.8px;
  }
  #fixaction_icon li:hover{
  	transform: translateX( 0px);
  }
	#btn-scrolltop{
		display: block !important;
		background: none;
	}#btn-scrolltop b{
		background: none;
	}
  #btn-scrolltop img{
    width: 42px;
  }
	.quote-page,
	.dcontent, .dcontent pre{
		font-size: 17px; line-height: 28px;
	}
	#google_maps_dealer,
	#google_maps{
		height:295px;
	}
}
/*************/
@media screen and ( max-width: 767px) {
	body.page-chinhsach,
	body.page-about,
	body.page-contact{
		background: #fff;
	}
	.container{
		max-width: 100%;
	}
	#header{
		margin-bottom: 1.25rem;
	}
	body.prodetail #header,
	body.page-home #header{
		margin-bottom: 0;
	}
	.title-page, .about-title{
		font-size: 23px;
	}
	#bg-main{
		display: none;
	}
	.boxabout__item.right .boxabout__item__img{
		order : 1;
	}
	.boxabout__item.right .boxabout__item__des{
		order:2;
	}
	.boxabout__item__des{
		padding: .75rem;
	}
	.navproduct__label{
		width: 100%; margin-bottom: .5rem;
	}
	.prodetail__tieuchi .home-tieuchi,
	.prodetail__boxitem{
		box-shadow: none;
	}
	.prodetail__tieuchi{
		background: var( --bs-light);
		margin-top: 1.5rem;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
	.prodetail__tieuchi .home-tieuchi{
		background: var( --bs-light);
		padding-left: 0; padding-right: 0;
		padding-top: 1rem;
		border-radius: 0;
	}
	.prodetail__tieuchi .home-tieuchi .img{
		width: 50px;
	}
	.prodetail__boxitem .navproduct__header{
		font-size: 17px; padding-bottom: 1rem;
		margin-left: -.75rem;			margin-right: -.75rem;
	}
	.prodetail__info_quote{
		font-weight: 400;
		line-height: 26px;
	}
	.prodetail__boxitem .dcontent{
		padding-left: 0; padding-right: 0;
	}
	.boxcontact__container{
			padding: 0 !important;
			margin-right: calc(-.5 * var(--bs-gutter-x)) !important;
	    margin-left: calc(-.5 * var(--bs-gutter-x)) !important;
			box-shadow: none!important;
	}
	.page-contact .contact-info .about-title{
		margin-bottom: .5rem;
		font-size: 29px;
	}
	.page-contact .contact-info .item{
		margin-top: 0;
	}
	.page-contact .contact-info address, .page-contact .contact-info p{
		margin-top: 0 !important;
		margin-bottom: 1.25rem;
	}
	.cart_complete__container  .navproduct__header{
			margin-left: 0; margin-right: 0;
	}
	#cart_content{
		margin-left: .75rem; margin-right: .75rem;
	}
	.cart_complete__container .cartform__container{
		margin-left: 0; margin-right: 0;
	}
	.cart_complete__container {
		box-shadow: 0 0.125rem 0.5rem rgb(0 0 0 / 8%);
	}
	.cartitem__qty {
		width: 80px; text-align: center;
	}
	.cartitem.header{
		font-size: 12px;
	}
	.cartitem__product__photo {
		width: 60px; padding-right: 0rem;
	}
	.cartitem__product__des{
		padding-left: .5rem;
	}
	.cartitem > div[class^=col]{
		padding-top: .5rem; padding-bottom: .5rem;
	}
	.cartitem__product__title{
			font-size: 13px; margin-bottom: 0;
			line-height: 16px;
	}
	.cartitem__product__price strong{
		display: none;
	}
	.footer .cartitem__price{
			border-left: none !important; text-align: right;
	}
	.cartitem__qty .myoder_qty .btn,
	.price-amount{
			display: none;
	}
	.cartlist__container{
		box-shadow: 0 0.125rem 0.5rem rgb(0 0 0 / 8%);
	}
	.cartlist__container .dcontent{
		padding-left: 1.5rem; padding-right: 1.5rem;
		margin-top: 1.5rem;
	}
	.cartlist__container .box-cartcontent.row{
		margin-left: .5rem; margin-right: .5rem;
	}
	#prodimg_carousel,
	.home-tieuchi{
		margin-bottom: 1rem;
	}
	.prodetail_fbtn_addtocart{
		min-width: 150px;
	}
	.cartlist__container .navproduct__header{
		margin-left: 0;			margin-right: 0;
	}
	.homenews__img img,
	.pageblog .homenews__img img{
		height: auto;
	}
}
@media screen and ( min-width: 767px) and (max-width: 992px) {
	.container{
		max-width: 100%;
	}
	/*
	.header-fsearch{
		padding-left: 1rem; padding-right: 1rem;
	}
	.header_fsearch__container input{
		width: 320px
	}
	.header_fsearch__container button .fa{
		font-size: 17px;
	}
	.header-action .header-action__cart, .header-action .header-action__hotline{
		font-size: 12px;
	}
	.header-action .header-action__hotline,
	.header-action .header-action__cart{
		background-size: auto 26px;
		padding-left: 30px;
	}
	.header-action .text-red{
		font-size: 11px;
	}
	.header-action .header-action__hotline{
		margin-right: 1rem;
	}
	.header-action .fs-15{
		font-size: 13px !important;
	}
	.header_logo{
		margin-bottom: 0;
	}
	*/
	.header_main__container{
		padding-bottom: .5rem;
	}
	#google_maps_dealer, #google-map,
	.page-contact .contact-info .item{
		margin-top: 10px;
	}
	.page-contact .contact-info .about-title{
		font-size: 31px; margin-bottom: 1rem;
	}
	.home-tieuchi .img{
		padding-top: 10px;
	}
	.home-tieuchi{
		margin-bottom: 1rem;
	}
	.homefeedback__item{
		margin: 0 .5rem;
	}
	.homenews__list{
		--bs-gutter-x: 1.5rem;
	}
	.homenews__title {
		font-size: 17px;
	}
	.footer_nav .title{
		font-size: 13px; font-weight: bold;
	}
	#bg-main{
		margin-bottom: 1.25rem;
	}
	.navproduct__list_container{
		margin-bottom: .5rem;
	}
	.navproduct__header{
		font-size: 17px;
		margin-bottom: 1rem;
	}
	.navproduct__listitem a{
		padding: .4rem .75rem;
	}
	#prodimg_carousel{
			max-width: 62%; margin: .25rem auto 1.5rem;
	}
	.detail-container .prodetail__boxitem{
			box-shadow: none;
	}
	.prodetail__info_header{
			text-align: center;
	}
	.prodetail__info_quote{
		font-size: 15px; line-height: 26px;
		font-weight: 400; text-align: center;
	}
	.myoder_qty input{
		width: 165px;
	}
	.prodetail__tieuchi{
		background: var( --bs-light);
		margin-top: 2rem; padding: 2rem 1.5rem;
		margin-bottom: 0;
	}
	.cartitem__price {
		width: 105px;
	}
	.cartitem__qty{
		width: 155px;
	}
	#fixaction_icon li.cart span{
			display: inline-block;
			vertical-align: bottom;
	}
	.product-add-cart{
		justify-content: center;
	}
	.product-add-cart > .col{
		flex: 0 0 auto;
		width: auto;
	}
	.blogdetail__wrapper{
		padding: 1.5rem 2.5rem;
		box-shadow: 0 .5rem .5rem rgba(0,0,0,.15) !important
	}
	.pageblog.homenews__list {
    --bs-gutter-x: 1.75rem;
	}
	.header_main__container{
		padding-bottom: 0rem;
	}
	.home-banner{
		--bs-gutter-x: .5rem
	}
}
@media screen and (min-width: 992px) and ( max-width: 1200px) {
	html{
		display:block; width:100%;
		overflow-x:hidden;
	}
	/************/
	.container{
		max-width: 95%;
	}
	.home-tieuchi{
		padding-top: 2rem; padding-bottom: .5rem;
	}
	.home-tieuchi .item{
		width: 50%;
	}
	.header__navigation > li > a{
			padding-left: 13px; padding-right: 13px;
			font-size: 11px; line-height: 24px;
	}
	.header-fsearch{
		padding-left: 1.5rem; padding-right: 1.5rem;
	}
	.header_fsearch__container input{
		width: 420px
	}
	.header_logo__img img{
		height: 70px;
	}
	.boxabout__item__des{
		padding: 1.5rem;
	}
	.boxabout__item__title{
		margin-bottom: .25rem;
	}
	#bg-main{
		margin-bottom: 1rem;
	}
	.prodetail__tieuchi{
		padding-left: 0;
	}
	.prodetail__tieuchi .home-tieuchi .img{
		display: none;
	}
	.prodetail__tieuchi .home-tieuchi .des{
		padding-left: 0;
	}
	.prodetail__info_title{
		font-size: 21px;
	}
	.prodetail__info_header{
		margin-bottom: 1rem;
	}
	.prodetail_fbtn_addtocart{
		min-width: 120px;
	}
	.prodetail__tieuchi,
	.prodetail__boxitem{
			min-height: 100%
	}
	.pageblog .homenews__img img{
		height: 195px;
	}
	.pageblog.homenews__list {
    --bs-gutter-x: 1.25rem;
	}
	.pageblog .homenews__des{
		padding: 0rem 1.25rem 2rem
	}
	.homenews__img img{
		height: 150px
	}
	.homenews__list {
    --bs-gutter-x: 1.25rem;
	}
	.prolist__boxcontainer {
    --bs-gutter-x: .75rem;
	}

}
@media screen and (min-width: 992px) and ( max-width: 1050px) {

}
@media screen and (min-width: 1050px) and ( max-width: 1100px) {

}
@media screen and (min-width: 1101px) and ( max-width: 1150px) {

}
@media screen and (min-width: 1151px) and ( max-width: 1200px) {

}
@media screen and (min-width: 1201px) and ( max-width: 1350px) {

}