@charset "utf-8";
/* CSS Document */
/*************/
@media screen and (max-width: 991px) {
	html{
		display:block; width:100%;
		overflow-x:hidden;	
	}
	body{
		padding-bottom:40px;	
	}
	#message-autocart{
		display:none !important;
		opacity:0; -moz-opacity:0; -webkit-opacity:0;
		visibility:hidden;
	}
	#header .logo .box-mobile{
		display:block;	
	}
	.btn_mobile{
		display:inline-block;
	}
	.dcontent img{
		height:auto !important;	
	}
	.plugin-container{
		display:none;	
	}
	.main-container{
		padding-left:15px;	
	}
	.container{
		width:100%;	
	}
	/************/
	.row,
	.form-horizontal .form-group{
		margin-left:-10px; margin-right:-10px;	
	}
	[class^=col-]{
		padding-left:10px; padding-right:10px;	
	}
	/************/
	body[class^=page-pro] #bg-main,
	.page-contact #bg-main{
		margin-bottom:0	
	}
	#bg-main .bg .container .dis_table{
		height:160px;	
	}
	#bg-main .bg .container .dis_table .title{
		font-size:21px;
		line-height:24px;	
	}
	.is-sticky #header .header-nav{
		display:none
	}
	/************/
	#btn-scrolltop{
		bottom:100px; right:15px;	
	}
	#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;	
	}
	.news-search,
	.main-container.main-newslist .news-search label{
		display:none;	
	}
	.main-container .news-search{
		display:block;	
	}
	/************************
	************************/
	.is-sticky #header{
		background:var( --color-main);
		padding-bottom:5px;
		box-shadow:0 0 20px 0px #999;
	}
	.is-sticky #header .logosearch .box-search{
		display:none;
	}
	.is-sticky #header .logo .box-mobile{
		padding-top:5px;	
	}
	.is-sticky #header .logo .btn_mobile{
		background:#000;
	}
	.is-sticky #header .logo img{
		max-height:40px;
		filter:brightness(0) invert(1);
		-webkit-filter: brightness(0) invert(1);
		-moz-filter:brightness(0) invert(1);
		-ms-filter:brightness(0) invert(1);
		-o-filter:brightness(0) invert(1);
	}
	/***********/
	#header .container{
		width:100%;	
	}
	#header .logosearch{
		padding-top:5px; padding-bottom:0px;	
	}
	#header .logosearch .row-main{
		display:block;	
	}
	#header .logosearch .logo, 
	#header .logosearch .box-search, 
	#header .logosearch .box-cart{
		width:100%; max-width:100%;	
	}
	#header .logosearch .logo{
		padding-right:160px;	
	}
	#header .logo .logo-img{
			
	}
	#header .header-nav,
	#header .logosearch .box-cart{
		display:none;	
	}
	#header .logosearch .box-search{
		background:var( --color-main);
		padding-bottom:10px; padding-top:10px; margin-top:5px;
	}
	#header .logosearch form > div button:hover{
		background-color:var( --color-red);
	}
	#header .header-top .text-left span{
		padding-right:0; margin-right:0;
		border:none;	
	}
	/**************************/
	#header .header-top .text-left span::after, 
	#header .header-top .text-right > ul > li::after,
	#header .header-top .text-right > ul > li.user_link .dropdown-menu li::after{
		display:none;	
	}
	#header .header-top .text-right .user_link .dropdown > button{
		display:inline-block;	
	}
	#header .header-top .text-right > ul > li.user_link .dropdown-menu{
		position:absolute; display:none;	
		background:#FFF; border:1px solid #ccc;
		box-shadow:0 6px 12px rgba(0,0,0,.175);
		-moz-box-shadow:0 6px 12px rgba(0,0,0,.175); -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
	}
	#header .header-top .text-right > ul > li.user_link .dropdown.open .dropdown-menu{
		display:block; padding-bottom:3px; padding-top:3px;
	}
	#header .header-top .text-right > ul > li.user_link .dropdown-menu li{
		display:block; padding:3px 15px;
		margin-right:0px; width:100%;
		border-bottom:1px solid #EEE;
	}
	#header .header-top .text-right > ul > li.user_link .dropdown-menu li:last-child{
		padding-right:15px;	
		border-bottom:none;
	}
	#header .header-top .text-right > ul > li.user_link .dropdown-menu li a{
		border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;	
		padding-left:0; padding-right:0;
	}
	#header .header-top .text-right > ul > li.user_link .dropdown-menu li a:hover,
	#header .header-top .text-right > ul > li.user_link .dropdown-menu li a:focus,
	#header .header-top .text-right > ul > li.user_link .dropdown-menu li a:active{
		background:none; border:none;
	}
	#header .header-top .text-right > ul > li.user_link .dropdown-menu li:hover{
		background:#EEE;	
	}
	#header .header-top .text-right a.modal_login{
		background:none; color:#333;
		border:none;	
	}
	#header .header-top .text-right > ul > li.user_control_logout{
		display:none;	
	}
	#header .header-top .text-right > ul > li{
		padding:0;	
	}
	/**************************/
	#footer{
		font-size:13px; line-height:18px;	
	}
	#footer .footer-nav{
		padding-top:30px;	
	}
	#footer .footer-nav .item{
		margin-bottom:10px; margin-top:5px;
	}
	#footer .footer-nav .title{
		font-size:14px; line-height:24px; margin-bottom:10px;	
	}
	#footer .footer-info{
		margin-top:15px;	
	}
	#footer .footer-info .logo-img img{
		height:70px;	
	}
	#footer .footer-info .row{
		display:block;	
	}
	#footer .footer-info .row .item{
		width:100%; float:left;
		padding-left:15px; padding-right:15px;
		margin-bottom:3px;
	}
	#footer .footer-info [class^=icon]{
		padding-left:0; text-align:center;	
		min-height:0; line-height:22px;
	}
	#footer .footer-info [class^=icon]::before{
		display:none;	
	}
	#footer .footer-info [class^=icon] b, 
	#footer .footer-info [class^=icon] a{
		line-height:18px;	
	}
	#footer .footer-info .row .item.social{
		clear:both; display:none; text-align:center;
		width:100%;
	}
	#footer .author{
		background:#000; line-height:18px;
		margin-top:10px;	
	}
	#footer .author a{
		clear:both; display:block;
	}
	/****************/
	.page-contact .fcontact{
		margin-top:0px;	
	}
	.page-contact .fcontact .form-group{
		margin-bottom:15px;	
	}
	.page-contact .fcontact .form-group .about-title{
		margin-bottom:0;
	}
	.page-contact .fcontact label{
		text-align:left;
		margin-bottom:5px;	
	}
	/**************************/
	.home-pro .proitem .title{
		font-size:16px; line-height:24px;	
	}
	.home-tieuchi{
		display:none;
		padding-top:30px; padding-bottom:10px;
	}
	.home-tieuchi .row .item{
		margin-bottom:15px;	
	}
	.home-feedback .des{
		font-size:13px; line-height:24px;	
	}
	/**************************/
	.home-pro{
		margin-top:15px;	
	}
	#products-container{
		margin-left:-7px; margin-right:-7px;	
	}
	#products-container .box{
		margin-bottom:15px;	
	}
	#products-container.col_5 .box{
		padding-left:7px; padding-right:7px;
		width:50%;	
	}
	#prodetail-other #products-container.col_5 .box:nth-child( 6),
	.page-home #products-container.col_5 .box:nth-child(6){
		display:block;	
	}
	#products-container.col_5 .box:nth-child(5n+1){
		clear:none;
	}
	#products-container .box .item{
		border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; overflow:hidden;	
	}
	.box-img img.proimg{
		max-width:100%; max-height:100%;	
	}
	/*************************/
	.home-feedback .des .title{
		font-size:23px; line-height:28px;	
	}
	.home-feedback .img .name{
		font-size:13px;	
	}
	.home-news{
		padding-bottom:30px; padding-top:30px;	
	}
	.home-news .news-box .des{
		margin-top:15px;	
	}
	.home-news .news-box .des .news-time{
		display:none;	
	}
	.home-news .news-box .des .text{
		margin-left:0;	
	}
	.home-news .news-box .des .title{
		font-size:14px; font-weight:bold;
		line-height:22px;	
	}
	.home-news .news-list .des .title{
		line-height:20px;	
	}
	/********************/
	.home-feedback{
		padding-top:50px; padding-bottom:20px;	
	}
	.home-feedback .title{
		text-align:center; margin-bottom:15px;
		font-size:21px; line-height:26px;
	}
	#owl_homefb{
		padding-left:0; padding-right:0;
	}
	#owl_homefb .owl-dots{
		display:block;	
	}
	#owl_homefb .owl-nav{
		display:none;
	}
	.home-feedback .img{
		text-align:center;	
	}
	.home-feedback .img img{
		display:inline-block; width:120px;
		border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
	}
	.home-feedback .img .name{
		font-size:15px;	
	}
	.home-feedback .des{
		text-align:center; margin-bottom:15px;
	}
	/********************/
	.about-title{
		font-size:21px; line-height:26px;	
	}
	.quote-page{
		line-height:24px;	
	}
	#right-container, 
	.main-container{
		width:100%;	
	}
	.main-container .pronav-img{
		margin-left:-15px; margin-right:-15px;
	}
	/******************/
	#product-detail-container{
		margin-top:30px;	
	}
	#detail-info,
	#detail-img{
		clear:both;
		width:100%;	
	}
	#product-detail-container form .qty{
		padding-left:0;	
	}
	#product-detail-container form .fbutton{
		padding-right:0;	
	}
	#product-detail-container form button{
		background:var( --color-main); color:#FFF;	
	}
	/*****************/
	#newslist .item .des{
		padding-top:30px; padding-bottom:20px;	
	}
	#news-other .item:nth-child(3n+1),
	#chinhsach-list .item:nth-child(3n+1){
		clear:none	
	}
	#news-other .item:nth-child(2n+1),
	#chinhsach-list .item:nth-child(2n+1){
		clear:both;	
	}
	#chinhsach-list .item{
		margin-bottom:20px;
	}
	
	/******************
	******************/
	#modal_pdetail_support .model-form{
		padding-left:15px; padding-right:15px;	
	}
	#modal_pdetail_support .modal-dialog{
		min-width:auto; width:100%;
		min-height:100vh;
		margin-bottom:0;
	}
	#modal_pdetail_support .modal-body{
		padding:0 15px 15px;
	}
	#modal_pdetail_support.in .modal-dialog{
		margin-top:0; margin-left:0;
	}
	#modal_pdetail_support .modal-content{
		min-height:100vh;
		border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
	}
	#modal_pdetail_support .model-bg{
		position:static; height:210px;
		display:block; margin-bottom:15px;
	}
	/*****************/
	#cart_content .item > .price{
		display:none;	
	}
	#cart_content .item > .qty{
		width:120px;	
	}	
	#cart_content .item > .price.price-amount{
		display:table-cell;	
	}
	.fcart-billding .title-page{
		margin-left:0; margin-top:30px;	
	}
	.fcart-billding .control-label{
		margin-top:5px; text-align:left;	
	}
	.fcart-billding .form-group{
		margin-bottom:15px;	
	}
	#cart-complete #cart_content .product .photo{
		width:15%;	
	}
	#cart-complete #cart_content .product .des{
		width:85%;	
	}

	.fcart-billding-btn{
		text-align:center; padding-left:10px;	
	}
	/*****************/
	.zoomContainer{
		display:none !important;	
	}
	#detail-img #zoom_mw{
		pointer-events: none;	
	}
	/*************/
	.fb-comment .fb-main{
		margin-left:-15px; margin-right:-15px;
	}
	.pro-title-page{
		margin:0px -15px 20px;
		border-left:none;
		border-bottom:1px solid #CCC; 	
	}
}
/*************/
@media screen and ( max-width: 767px) {
	.breadgroup,
	#header .logosearch form > div .SumoSelect{
		display:none;	
		height:0px; overflow:hidden;
	}
	#header .logosearch form > div{
		border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;	
		padding-left:5px; padding-right:5px;
	}
	#header .logosearch form > div input{
		padding-left:0px;	
		height:36px; line-height:36px;
	}
	#header .logosearch form > div button{
		padding-right:0; width:60px;	
	}
	#home-banner{
		margin-bottom:5px;	
	}
	#home-banner .item{
		margin-bottom:15px;	
	}
	/***********/
	#products-container.col_5 .box:nth-child(2n+1){
		clear:both;
	}
	#products-container .box .item .des{
		padding-left:8px; padding-right:8px;	
	}
	#products-container .box .item .des .pro-title{
		line-height:18px;	
		height:38px; margin-bottom:5px;
	}
	#products-container .box .item .des .pro-price{
		font-size:13px; margin-bottom:8px;
	}
	#products-container .box .item .des .pro-price s{
		display:none;	
	}
	#products-container .box .addtocart button{
		padding:5px 10px 3px;
		min-width:90%;
		font-size:11px;
	}
	#products-container .box .addtocart button .fa{
		margin-right:5px;	
	}
	#products-container .box .addtocart{
		margin-top:5px; padding-bottom:15px;
	}
	#product-detail-container form button{
		width:100%;
	}
	/********************/
	.detail-info-group{
		padding-left:0px; padding-right:0px;	
	}
	#product-detail-container{
		margin-top:0px;	
	}
	.pdetail-linkclient-group .pdetail-box-contact{
		margin-left:-10px; margin-right:-10px;	
	}
	.pdetail-linkclient-group .pdetail-box-contact .button a, 
	.pdetail-linkclient-group .pdetail-box-contact .button button{
		padding-top:8px; padding-bottom:8px;
		font-size:13px;	
	}
	.pdetail-linkclient-group .pdetail-box-contact .main{
		padding-top:35px;	
	}
	.pdetail-linkclient-group .pdetail-box-contact .button{
		margin-bottom:15px; padding-bottom:5px;	
	}
	#detail-img{
		margin-left:-15px; margin-right:-15px;
		width:auto; float:none;	
		margin-bottom:30px;
	}
	.detail-info-group span.col-xs-4, 
	#product-detail-container form label{
		width:100px;	
	}
	.detail-info-group p span.col-xs-8, 
	#product-detail-container form div.col-sm-8{
		width:calc( 100% - 100px);	
	}
	.pdetail-linkclient-group .pdetail-box-contact .main .title .box{
		min-width:70%;	
	}
	.pdetail-linkclient-group{
		margin-top:35px;	
	}
	#detail-info #button-share{
		margin-left:-15px; margin-right:-15px;	
	}
	/*****************/
	#cart_content .item > .stt,
	#cart_content .item > .button,
	#cart_content .product .photo{
		display:none;
	}
	#cart_content .product .des .btn_cart_removeitem{
		display:inline-block;	
	}
	#cart_content .product .des{
		width:100%; padding-left:0;	
	}
	#cart_content.visible-xs .footer,
	#cart_content.visible-xs .footer .item{
		display:block; width:100%;	
		text-align:right;
	}
	#cart_content.visible-xs .footer .item{
		display:inline-block;
	}
	#cart_content.visible-xs .footer .item b,
	#cart_content.visible-xs .footer > .price.price-amount{
		display:inline-block;
		padding:10px;
	}
	#cart_content.visible-xs .footer > .price.price-amount{
		width:auto;	
	}
	/*****************/
	#newslist .item{
			
	}
	#newslist .item .img{
		position:static;
		width:100%;	
	}
	#newslist .item .img a{
		background:none;	
	}
	#newslist .item .img img.serimg{
		display:block;
	}
	#newslist .item .des{
		min-height:0; width:100%; margin-left:0;
		padding:15px;	
	}
	#newslist .item .des h3{
		font-size:17px; line-height:24px;	
	}
	/*************/
	.home-pronav li{
		width:33.3333%	
	}
		
}
@media screen and ( min-width: 767px) and (max-width: 992px) {
	.container{
		width:auto;	
	}
	#products-container.col_5 .box{
		width:33.3333%;	
	}
	#products-container.col_4 .box:nth-child(4n+1){
		clear:none;	
	}
	#products-container.col_4 .box:nth-child(3n+1),
	#products-container.col_5 .box:nth-child(3n+1){
		clear:both;
	}
	#cart_content .product .photo{
		width:25%
	}
	#cart_content .product .des{
		width:75%; padding-left:15px;	
	}
	/*************/
	.home-pronav li{
		width:14.285%	
	}
}
@media screen and (min-width: 992px) and ( max-width: 1200px) {
	.row{
		margin-left:-10px; margin-right:-10px;	
	}
	[class^=col-]{
		padding-left:10px; padding-right:10px;	
	}
	/************/
	#header .container,
	.container{
		width:100%;	
	}
	#header .navigation li > a{
		font-size:11px; 
		padding-left:18px; padding-right:18px;	
	}
	#header .logosearch .logo{
		max-width:250px;	
	}
	#header .logo img{
		max-height:55px;	
	}
	.left-nav ul{
		padding-left:10px; padding-right:10px;	
	}
	.left-nav .nav-title{
		font-size:13px; line-height:16px;	
	}
	.left-nav ul li{
		margin-bottom:9px; padding-bottom:9px;	
	}
	.home-tieuchi{
		padding-top:30px; padding-bottom:0;	
	}
	.home-tieuchi .row .item .img{
		width:30px;	
	}
	.home-tieuchi .row .item .des{
		margin-left:45px;	
	}
	
}
@media screen and (min-width: 992px) and ( max-width: 1050px) {
	#header .navigation li > a{
		padding:8px 15px 7px;	
	}
}
@media screen and (min-width: 1050px) and ( max-width: 1100px) {
	#header .navigation li > a{
		padding:8px 18px 7px;	
	}
}
@media screen and (min-width: 1101px) and ( max-width: 1150px) {
	#header .navigation li > a{
		padding:8px 21px 7px;	
	}
}
@media screen and (min-width: 1151px) and ( max-width: 1200px) {
	#header .navigation li > a{
		padding:8px 24px 7px;	
	}
}
@media screen and (min-width: 1201px) and ( max-width: 1350px) {
	#header .logosearch .logo{
		max-width:260px;	
	}
	#header .logo img{
		max-height:55px;	
	}
}