@charset "utf-8";
/* CSS Document */
/*************/
@media screen and (max-width: 991px) {
	html{
		width:100%;
		overflow-x:hidden;
	}
	body{
		padding-bottom:0px; font-size:15px; line-height:28px;
	}
	#phonering-alo-phoneIcon{
		right:auto; bottom:10px; top:auto;
		left:10px;
	}
	.btn_mobile{
		display:inline-block;
	}
	.dcontent img{
		height:auto !important;
		max-width: 100% !important;
		margin-left: 0 !important; margin-right: 0 !important;
	}
	.phonering-alo-ph-img-circle a{
		display:block;
	}
	.phonering-alo-ph-img-circle button{
		display:none;
	}
	.project-container,
	.container{
		min-width:auto; max-width:auto;
		width:100%;
	}
	.quote-page{
		font-size:14px; margin-bottom:15px;
	}
	.title-page{
		font-size:19px; line-height:28px;
	}
	.title-page.text-sm{
		font-size:17px; line-height:24px; padding-bottom:5px;
	}
	#pronav_all{
		display:none;
	}
	#modaL-popup .modal-dialog{
		width:100%
	}
	.dcontent table{
		min-height: .01%;
		overflow-x: auto;
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #ddd;
	}
	.title-box .highlight{
		padding-bottom:9px; padding-top:9px;
	}
	/************/
	#container-left,
	.plugin-container{
		display:none;
	}
	#header{
		border-bottom:1px solid #CCC;
		box-shadow:0 0 5px 3px rgba(0, 0, 0, 0.12);
	}
	#google_maps{
		height:260px;
	}
	#header .logosearch .box-inline.box-hotline{
		display:none;
	}
	#header .logosearch .box-link .a_contact{
		display:none;
	}
	#header .logosearch .box-inline.box-item{
		width:100%; max-width:none;
		text-align:right;
	}
	#header .logosearch .box-inline.box-item{
		text-align:right;
	}
	#header .logosearch .logo .a_cart{
		position:relative; float:right;
		border:1px solid var( --color-main);
		padding-left:38px;
		width:auto; padding-right:10px; margin-top:3px;
		border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	}
	#header .logosearch .a_cart::before{
		left:5px;
		text-align:left; font-size:27px;
		width:20px;
	}
	#header .logosearch .a_cart #cart_total{
		position:relative; left:0; top:7px;
		height:20px; line-height:20px; padding-left:5px; padding-right:5px;
		font-size:15px;
		display:inline-block;
	}
	/************/
	#btn-scrolltop{
		bottom:100px; right:15px;
	}
	#call_mobile{
		display:block;
	}
	/********/
	#button-share{
		margin-left:-15px; margin-right:-15px;
		margin-bottom:0; padding-bottom:5px;
		border-top:1px solid #CCC;
		border-bottom:1px solid #CCC;
		text-align:left;
	}
	#button-share > a{
		display:inline-block;
		margin-bottom:0;
	}
	#button-share .share-item{
		padding-right:0;
		float:left;
		border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	}
	#button-share a:first-child .share-item{
		margin-left:0;
	}
	#button-share .share-item b{
		display:none;
	}
	#button-share .share-item i{
		margin-right:0;
		color:#FFF; background:none;
		font-size:15px;
	}
	#button-share .share-item i:after{
		display:none;
	}
	/**********/
	.dproduct-info{
		overflow:visible;
	}
	#detail-info #button-share{
		margin-left:-15px; margin-right:-15px;
		margin-bottom:0px; padding:15px 15px 10px;
		background:#EEE;
	}
	#detail-info #button-share .share-item i{
		background:none;
	}
	/***************/
	#bg-main .bg .container .dis_table .title{
		font-size:21px; line-height:26px; padding-bottom:0px;
	}
	#bg-main .bg .container .dis_table .title::before{
		width:50px; margin-left:-25px;
	}
	#bg-main .bg .container .dis_table{
		height:140px;
	}
	/**********/
	#header{
	}
	#header .logosearch .logo{
		width:100%; margin-bottom:0;
	}
	#header .search{
		display:none;
	}
	#header .header-top a,
	#header .header-top span{
		font-size:12px;
	}
	#header .header-top .sologan{
		display:none;
	}
	#header .header-top .text-right{
		text-align:left;
	}
	#header .header-top a::after{
		display:none;
	}
	/**********/
	#header .logosearch{
		padding-top:7px; padding-bottom:7px;
	}
	#header .logosearch .box-search,
	#header .hnav{
		display:none;
	}
	#header .logosearch .logo .info,
	#header .logosearch .logo .info a .fa{
		color:#FFF;
	}
	#header .logosearch .logo .img{
		width:auto;
		max-width:100%;
	}
	#header .logosearch .logo img{
		height:40px;
	}
	#header .logosearch .logo .info{
		display:none;
		position:static; left:0; right:auto;
		width:auto; margin-top:3px;
		max-width:65%;
		font-size:12px;
	}
	#header .logosearch .logo .info a .fa{
		font-size:13px;
	}
	#header .logosearch .logo .info a .fa-mobile{
		font-size:20px;
	}
	#header .logosearch .box-inline{
		margin-top:0;
	}
	/*******/
	#header .logosearch .search{
		display:none;
	}
	/**********/
	#footer{
		padding-top:10px; margin-top:20px;
	}
	#footer .f-title{
		margin-top:15px;
	}
	#footer .author .text-right{
		text-align:left;
	}
	#footer .item{
		margin-bottom:15px;
	}
	.home-title{
		font-size:19px; line-height:26px
	}
	.home-title span::before, .home-title span::after{
		width:30px;
	}
	.home-product .readmore a, .home-about .text .readmore a{
		margin-top:0px;
		padding:8px 30px 7px; font-size:12px; font-weight:500;
		border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;
	}
	/**************/
	.home-product, .home-news{
		margin-top:30px; margin-bottom:30px;
	}
	.home-news .news-box{
		margin-bottom:30px;
	}
	.home-news .news-box .des{
		width:100%; padding:15px 0 0px;
		background:#FFF;
	}
	.page-contact form label{
		text-align:left !important;
	}
	.page-contact form .form-group{
		margin-bottom:15px;
	}
	/*********/
	.prodetail-promition{
		margin-top:15px;
	}
	.prodetail-promition .dcontent{
		padding-bottom:15px; padding-top:15px;
		font-size:14px; line-height:26px; font-weight:500;
		color:#000;
	}
	#detail-img{
		width:45%;
	}
	#detail-info{
		width:55%;
	}
	#detail-info .pdetail-linkclient-group{
		display:none;
	}
	#prodetail-tab .pdetail-linkclient-group{
		display:block; margin-top:0; padding-top:30px; padding-bottom:30px;
		background:#f6f6f6; margin-bottom:30px;
	}
	#prodetail-tab .pdetail-linkclient-group #button-share{
		text-align:left; background-color:#FFF;
	}
	/*************/
	#prodetail-tab .nav{
		display: none;
	}
	#prodetail-tab .tab-content > .tab-pane,
	#prodetail-tab .tab-content .title-page{
		display: block;
	}
	#prodetail-tab .tab-content > .tab-pane{
		margin-top: 15px;
	}
	#prodetail-tab .tab-content .title-page{
		margin-bottom: 15px;
	}
	#prodetail-tab .tab-content > .tab-pane.notext{
		display: none;
	}
	/*************/
	.price-box s.price{
		display:none;
	}
	/**********/
	#products-container{
		margin-left:-5px; margin-right:-5px;
	}
	#products-container .box{
		padding-left:5px; padding-right:5px;
		text-align:center;
		margin-bottom:12px;
	}
	#products-container .box .item .des{
		border:none;
	}
	#products-container .box .item .des p{
		margin-bottom:0;
	}
	#products-container .box .item .des::after{
		display:none;
	}
	#products-container .box .item .des,
	#products-container .box form{
		background:#FFF; padding-left:10px; padding-right:10px;
		border:none;
	}
	#products-container .box form{
		position:static;
		height:auto;
	}
	#products-container .box form button{
		margin-top:5px; margin-bottom:15px;
		font-size:10px; font-weight:500;
		padding:5px 15px 3px;
		line-height:20px;
	}
	#products-container .box:hover form{
		height:auto; overflow:hidden;
		box-shadow:none;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
	}
	.page-home #products-container .box:nth-child( 9){
		display:block;
	}

	/***********************/
	/************/
	#newslist .item .img {
		background:none;
	}
	#newslist .item .img{
		width:100%; position:static;
	}
	#newslist .item .img img{
		display:block; width:100%;
	}
	#newslist .item .des{
		width:100%; margin:0;
		padding-left:0; padding:15px 20px;
		line-height:24px;
	}
	#newslist .item .img .img-trans{
		display:none;
	}
	#newslist .item .des h3{
		color:var( --color-main); line-height:24px; font-weight:bold;
	}
	/**********/
	.home-about{
		padding-bottom:80px; padding-top:80px;
	}
	.home-about .text .des{
		margin-bottom:15px;
	}
	/*****************
	**************
	**************/
	.price-box .price-sale{
		clear:both; display:block;
	}
	#products-container.col_4 .box .item .des h3,
	#products-container .box .item .des h3{
		font-size:12px; line-height:18px;
	}
	.home-fddeader .box-feedback,
	.home-fddeader .box-dealer{
		max-width:100%;
	}
	.home-fddeader .box-dealer,
	.home-fddeader .box-feedback{
		padding-left:0;
		padding-right:0;
	}
	.home-fddeader #owl_homefeedback,
	.home-fddeader .box-dealer .item-dealer{
		width:100%
	}
	/*************/
	/*********************/
	.home-boxitem .item{
		margin-top:15px
	}
	.home-brands{
		padding-top:30px; padding-bottom:30px;
	}
	.home-brands .home-title{
		display:block; color:#FFF;
	}
	#owl-hbrand a .des{
		padding:3px 10px 10px
	}
	#owl-hbrand a .des p,
	#projects-list .item .des p{
		margin-bottom:3px;
	}
	#owl-hbrand a .des .label,
	#projects-list .item .des .label{
		font-size:9px;
	}
	#owl-hbrand a .title{
		font-size:12px;
	}
	#products-container .box .item{
		border:1px solid #DDD;
	}
	.project-img{
		margin-left:-15px; margin-right:-15px;
		width:auto;
	}
	.owl-thumb-item img{
		border-width:1px;
	}
	.owl-thumb-item{
		width:20%;
	}
	#project-main .item .des{
		position:static;
		background:#FFF; color:#000;
		opacity:1; -moz-opacity:1; -webkit-opacity:1;
		text-align:left;
		padding:10px 15px; line-height:24px;
	}
	#project-main .item .des .text{
		transform:translateY(0);
		-moz-transform:translateY(0);
		-webkit-transform:translateY(0);
	}
	#project-main .item .des .f-title{
		color:var( --color-main);
	}
	.home-price .box{
		font-size:14px; line-height:26px;
	}
	.home-tieuchi .item{
		text-align:left; margin-bottom:15px;
	}
	.home-tieuchi .item .des{
		height:auto; margin-top:5px;
	}
	.home-tieuchi .border::before,
	.home-tieuchi .item .icon::after{
		display:none;
	}
	.home-tieuchi .item:nth-child( 2n + 1) .icon,
	.home-tieuchi .item:nth-child( 2n ) .icon{
		margin:0;
	}
	.home-tieuchi .item:nth-child( 2n) .img{
		-ms-flex-order:1;	order: 1;
	}
	.home-tieuchi .item:nth-child( 2n) .des{
		-ms-flex-order: 2;	order:2;
	}
	#footer .facebook{
		display:none;
	}
	.home-brands .project-listnav{
		display:none;
	}
	.project-listnav li{
		margin:0 2px 8px;
	}
	.project-listnav li a{
		padding:2px 8px; line-height:20px;
		font-size:11px;
	}

}
/*************/
@media screen and ( max-width: 767px) {
	#header .header-top a{
		padding-right:0; margin-right:0;
	}
	#products-container.col_4 .box:nth-child(4n+1),
	#products-container.col_3 .box:nth-child( 3n + 1){
		clear:none;
	}
	#products-container.col_4 .box:nth-child(2n+1),
	#products-container.col_3 .box:nth-child( 2n + 1){
		clear:both;
	}
	.breadgroup{
		display:none;
	}
	/************/
	.home-news .news-box .des{
		margin-top:0; padding:15px;
		border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
	}
	.home-news .news-box .des .overflow{
		height:auto;
	}
	.home-news .news-box .img img.trans{
		height:75%; width:100%;
	}
	#detail-img,
	#detail-info{
		width:100%; margin-bottom:20px;
	}
	.detail-info-group{
		padding:0;
	}
	#prodetail-tab{
		margin-top:0;
	}
	/************/
	.home-boxitem .item .box .des{
		height:auto; min-height:45px;
	}
	/**********/
	.detail-info-group p span.col-xs-4,
	#product-detail-container form label{
		width:100%;
	}
	.detail-info-group p span.col-xs-8,
	#product-detail-container  form div.col-md-8{
		width:100%;
	}
	#product-detail-container .detail-info-group form button{
		font-size:12px;
	}
	#product-detail-container .detail-info-group form button span.col-xs-4{

	}
	/****************/
	#product-detail-container,
	#newsdetail-container{
		background:#FFF;
	}
	#product-detail-container .detail-container,
	#newsdetail-container .detail-container{
		padding-left:0; padding-right:0;
		padding-top:0px;
	}
	#product-detail-container .prodetail-other,
	#newsdetail-container .newsdetail-other{
		background:#f2f2f2;
	}
	/**************/
	#newsdetail-container #button-share{
		margin-left:-15px; margin-right:-15px; margin-bottom:30px;
		margin-top:15px; background:#EEE; padding-top:15px;
		border-top:2px solid #DDD;
	}
	#newsdetail-container .main-container .title-box:first-child{
		display:none;
	}
	/************/
	.page-contact{

	}
	.page-contact #container-left{
		display:block;
	}
	#products-container.col_4 .box:nth-child(4n+1),
	#products-container.col_4 .box:nth-child(3n+1){
		clear:none;
	}
	#products-container.col_4 .box:nth-child(2n+1){
		clear:both;
	}
	.page-home #products-container .box:nth-child( 9){
		display:none;
	}
}
@media screen and ( min-width: 767px) and (max-width: 992px) {
	.home-pronav .row .item:nth-child( 4n + 1){
		clear:none;
	}
	.home-pronav .row .item:nth-child( 3n + 1){
		clear:both;
	}
	#products-container.col_4 .box:nth-child(4n+1),
	.home-price .item:nth-child( 3n + 1){
		clear:none;
	}
	#products-container.col_4 .box:nth-child(3n+1),
	.home-price .item:nth-child( 2n + 1){
		clear:both;
	}
}
@media screen and (min-width: 992px) and ( max-width: 1200px) {
	body{
		font-size:13px; line-height:26px;
	}
	.project-container,
	.container{
		min-width:auto; max-width:100%;
		width:100%;
	}
	#header .logosearch form > div input{
		height:35px; line-height:33px;
		padding:3px 10px;
		font-size:13px;
	}
	#header .logosearch .logo img{
		height:50px;
	}
	/********/
	#products-container .box{
		width:33.333%;
	}
	#products-container.col_4 .box:nth-child(4n+1){
		clear:none;
	}
	#products-container.col_4 .box:nth-child(3n+1){
		clear:both;
	}
	.page-home #products-container .box:nth-child( 9){
		display:block;
	}
	.pdetail-linkclient-group > a{
		font-size:12px;
	}
	.pdetail-linkclient-group .pdetail-box-contact > div p{
		font-size:13px;
	}
	/*******/
	#prodetail-other #products-container .box,
	.page-saleoff #products-container .box,
	.page-search #products-container .box{
		width:25%;
	}
	#prodetail-other #products-container.col_4 .box:nth-child(4n+1),
	.page-saleoff #products-containe .box:nth-child(4n+1),
	.page-search #products-container .box:nth-child(4n+1){
		clear:both;
	}
	#prodetail-other #products-container.col_4 .box:nth-child(3n+1),
	.page-saleoff #products-container .box:nth-child(3n+1),
	.page-search #products-container .box:nth-child(3n+1){
		clear:none;
	}
	.detail-info-group p span.col-xs-4, #product-detail-container form label{
		width:25%;
	}
	.detail-info-group p span.col-xs-8, #product-detail-container form div.col-md-8{
		width:75%
	}
	/************/
	#bg-main .bg .container .dis_table{
		height:200px
	}
	#bg-main .bg .container .dis_table .title{
		font-size:31px; line-height:36px;
	}
	.home-boxitem .row{
		margin-left:-10px; margin-right:-10px;
	}
	.home-boxitem .row .item{
		padding-left:10px; padding-right:10px;
	}
	#header .logosearch{
		margin-bottom:5px;
	}
	#header .logosearch .search{
		margin-top:0;
	}
	#pronav_all{
		font-size:15px;
	}
	#pronav_all > li > a span{
		padding-left:13px; padding-right:13px;
	}
	.home-title{
		font-size:21px;
	}
	.home-about .text .title{
		font-size:25px;
	}
	.home-boxitem .item .box .des{
		height:80px;
	}
	.home-fddeader .box-dealer .list-dealer li{
		width:50%
	}
	.home-fddeader .box-dealer .list-dealer li:nth-child( 3n + 1){
		clear:none;
	}
	.home-fddeader .box-dealer .list-dealer li:nth-child( 2n + 1){
		clear:both;
	}
	.home-fddeader .box-feedback{
		padding-left:50px;
	}
	.home-fddeader #owl_homefeedback,
	.home-fddeader .box-dealer .item-dealer{
		width:100%
	}
	.home-fddeader .box-dealer{
		padding-right:50px;
	}
}

@media screen and (min-width: 992px) and ( max-width: 1101px) {
	#pronav_all > li{
		height:45px;
	}
	#pronav_all > li > a{
		padding-left:10px; padding-right:10px;
	}
	.home-boxitem .item .box{
		padding:15px 10px;
	}
	.home-boxitem .item .box h4{
		font-size:14px; line-height:18px;
	}
}
@media screen and (min-width: 992px) and ( max-width: 1051px) {

}