@charset "utf-8";
/* CSS Document */
/*************/
@media screen and (max-width: 991px) {
	body{
		padding-bottom:40px; font-size:15px; line-height:28px;	
	}
	.btn_mobile{
		display:inline-block;
	}
	.dcontent img{
		height:auto !important;
		max-width: 100% !important;
		margin-left: 0 !important; margin-right: 0 !important;
	}
	.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:60px; 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:#f2f2f2; 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;	
	}
	/*****************
	**************
	**************/
	.home-about .text .title{
		font-size:23px; line-height:28px;	
		margin-bottom:15px;
	}
	.home-about .text{
		font-size:14px; line-height:26px;	
	}
	.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%	
	}
	/*************/
	#cart_content .product .des h5{
		font-size:13px; margin-bottom:5px;	
	}
	#cart_content .product .des .btn_cart_removeitem{
		padding:2px 7px;	
	}
	/*********/
	#cart_content .qty{
		width:90px	
	}
	#cart_content .item > .stt,
	#cart_content .item > div.price{
		display:none;	
	}
	#cart_content .price,
	#cart_content .amount{
		width:120px;	
	}
	#cart_content .item > .button,
	#cart_content .product .photo{
		display:none;	
	}
	#cart_content .product .des{
		width:100%; padding-left:0;	
	}
	#cart_content .product .des .btn_cart_removeitem{
		display:inline-block;
	}
	#cart_content .price b,
	#cart_content .amount{
		font-weight:normal;
		color:#000;
	}
	#cart_content .product .des .price-box{
		display:inline-block;	
	}
	/*********************/
	.page-cart .box-support{
		display:none;	
	}
	.home-boxitem .item{
		margin-top:15px	
	}
	.home-brands{
		padding-top:50px; padding-bottom:30px;	
	}
	#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%;	
	}
}
/*************/
@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){
		clear:none;	
	}
	#products-container.col_4 .box:nth-child(3n+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;
	}
	#pronav_all{
		font-size:11px;	
	}
	.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:50px;
	}
	#pronav_all > li > a{
		padding:4px 17px 3px;	
	}
	.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) {

}