@charset "utf-8";
/* CSS Document */
/*************/
@media screen and (max-width: 991px) {
	body{
		padding-bottom:40px; text-align: justify;
	}
	.alert{
		line-height: 22px;
	}
	.page-contact{
		text-align: left;
	}
	.container{
		width: 100%;
	}
	.dcontent img{
		height:auto !important;
	}
	.plugin-container{
		display:none;
	}
	.main-container{
		padding-left:15px;
	}
	.is-sticky #header .header__search,
	.is-sticky #header .header-nav{
		display:none
	}
	.is-sticky #header > div.container,
	.is-sticky #header .header__logo{
			display: block;
	}
	.is-sticky #header .header__logo img{
			height: 40px; margin-bottom: 5px;
	}
	.is-sticky .box-mobile{
		margin-top: 0; padding-top: 2px;
	}
	/****************/
	.box-mobile{
		display:inline-block;
		margin-top: 10px;
	}
	#header .logosearch{
		padding-bottom: 0; padding-top: 5px;
	}
	#header .header-top span{
		border: none; padding-right: 0; margin-right: 0;
	}
	.header__fsearch button span,
	.box-user,
	#header .header-nav{
		display: none;
	}
	.header__search,
	#header .header__logo{
		-ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;
	}
	.header__search{
		padding: 7px 15px;
		background: var( --color-hover);
	}
	.header__fsearch{
		border: none; background: #FFF;
	}
	.header__fsearch button{
		background: var( --color);
		border: none; width: 65px;
	}
	.header__fsearch input{
			padding-right: 75px;
	}
	#header .header__logo img{
		margin-bottom: 10px;
	}
	#header .header__logo img{
		height: 50px;
	}
	/************/
	#btn-scrolltop{
		bottom:100px; right:15px;
	}
	#call_mobile{
		display:block;
	}
	/********/
	#button-share{
		text-align:left; padding-bottom: 10px;
	}
	#button-share > a{
		display:inline-block;
		margin-bottom:0;
	}
	#button-share .share-item{
		padding-right:0;
		float:left;
	}
	#button-share a:first-child .share-item{
		margin-left:0;
	}
	#button-share .share-item b{
		display:none;
	}
	#button-share .share-item i{
		padding-right:0; margin-right:0;
		color:#FFF;
		font-size:15px;
	}
	#button-share .share-item i:after{
		display:none;
	}
	/************/
	#bg-main{
		padding-top: 35px; padding-bottom: 15px;
		display: none;
	}
	.title-page{
		font-size:21px; line-height:28px; padding-bottom:0px;
		margin-bottom: 10px; padding-right: 25px;
	}
	.title-page::after{
		top: 16px;
	}
	/**********/
	#header{
		padding-top:0px; margin-bottom:0px;
	}

	/********/
	#footer{
		padding-top:0; margin-top: 0px;
	}
	#footer h5{
		margin-top:15px;
	}
	#footer .author .text-right{
		text-align:left !important;
	}
	.home-newsletter{
		text-align: center;
	}
	.newsletter{
			margin-top: 15px; padding-bottom: 15px;
	}
	.home-newsletter .button-email span{
		display: none;
	}
	.home-newsletter .button-email{
		width: 60px;
	}
	.home-newsletter .newsletter input.input-email{
		padding-right: 75px;
	}
	/**********/
	.page-home #products-container{
		margin-bottom: 0px;
	}
	#home-banner{
		margin-bottom:5px; margin-top: 0px;
	}
	#home-banner > .row{
		margin-left:-3px; margin-right:-3px;
	}
	#home-banner .box,
	#home-banner .box .item{
		padding-left:3px; padding-right:3px;
	}
	#home-banner .box{
		margin-bottom:15px;
	}
	.homenav_box{
		margin-bottom: 15px;
	}
	/*************/
	.homebrand__img{
		padding: 10px 5px;
	}
	.homebrand__img a{
		padding: 5px;
		border-width: 1px;
		width: 90%;
	}
	.homebrand__img img{
		height: 45px;
	}
	.homebrand__container .homebrand__box:nth-child(4),
	.homebrand__container .homebrand__box:nth-child(5),
	.homebrand__container .homebrand__box:nth-child(6){
		border-top-color: #CCC;
	}
	.homebrand__container .homebrand__box:nth-child(6n){
		border-right: 1px solid #CCC;
	}
	.homebrand__container .homebrand__box:nth-child(3n){
		border-right: none;
	}
	/*************/
	.home-news{
		padding-bottom: 0;
	}
	.border__container{
		margin-bottom: 0;
		padding: 0; border: none;
		background: #FFF;
		box-shadow: none;
	}
	.other__container{
		margin-left: -15px; margin-right: -15px;
		padding-left: 15px; padding-right: 15px;
		padding-top: 30px;
		margin-top: 0;
		background: #f6f6f6;
	}
	.other__container .newslist__box{
		background: #FFF
	}
	.other__container .title-page span,
	.other__container .title-page a{
		background: none;
	}
	/**********/
	#home-product{
		margin-top: 5px;
	}
	#home-product .navigation .dropdown::before{
		display: none;
	}
	#home-product .homepro__navtitle{
		text-align: center;
		margin-bottom: 15px;
	}
	#home-product .navigation .dropdown{
		padding:0 0px;
	}
	#home-product .navigation .dropdown > button{
		position:relative;
		display:block; width:100%; text-align:left;
		border:1px solid var( --color-hover); padding:8px 30px 8px 15px;
		border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
		background: var( --color-hover); color:#FFF; text-transform:capitalize;
		text-align: center;
	}
	#home-product .navigation .dropdown > button .caret{
		position:absolute; right:15px; top:50%;
	}
	#home-product .navigation .dropdown .navlist{
		float:left; position:absolute; left:0px; right:0px;
		background-color: #fff;
		border: 1px solid rgba(0, 0, 0, 0.15);
		border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
		-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
		display: none;
		margin:0; padding:0;
		text-align: center;
	}
	#home-product .navigation .dropdown .navlist.show{
		display: block;
	}
	#home-product .navigation .dropdown.open > .dropdown-menu{
		display:block;
	}
	#home-product .navigation .dropdown .navlist li{
		display:block; width:100%;
		padding:3px 15px;
		border-bottom:1px solid #DDD;
	}
	#home-product .navigation .dropdown .navlist li:lat-child{
		border-bottom:none;
	}
	#home-product .navigation .dropdown .navlist li a,
	#home-product .navigation .dropdown .navlist li span{
		color:#000; margin:0;
	}
	#home-product .navigation .dropdown .navlist li.active a::before,
	#home-product .navigation .dropdown .navlist li.active a::after,
	#home-product .navigation .dropdown .navlist li span::before,
	#home-product .navigation .dropdown .navlist li span::after{
		display:none;
	}

	/***********/
	#products-container{
		margin-left:-10px; margin-right:-10px;
	}
	#products-container .pro__box,
	#products-container .box{
		padding-left:10px; padding-right:10px;
	}
	/************/
	#home-product .content{
		margin-top: 15px;
	}
	/***********/
	.page-contact #footer{
		margin-top: 0;
	}
	.home-tieuchi{
		display: none;
	}
	.contact__form{
		margin-top: 0;
	}
	.contact__form .title-page{
		text-align: left !important;
	}
	.page-contact form label.control-label{
		text-align:left;
	}
	.page-contact form .form-group .col-12,
	.page-contact form .form-group{
		margin-bottom:15px;
	}
	.page-contact .contact-container{
		padding-left:0;
	}
	#google-map{
			margin-left: -15px; margin-right: -15px;
			margin-bottom: 0px;
	}
	/***********/
	.proposal__fcontainer{
			margin-left: -15px; margin-right: -15px;
			padding: 30px;
			border: none;
			border-radius: 0;
			border-bottom: 3px solid var( --color);
	}
	.proposal__fcontainer button[type=submit]{
		margin-top: 30px;
		display: block; min-width: 280px;
	}
	#brand-list{
		margin-left: -10px; margin-right: -10px;
	}
	#brand-list .item{
		padding-left: 10px; padding-right: 10px;
		margin-bottom: 20px;
	}
	#brand-list .item .img{
		height: 100px;
	}
	#brand-list .item .des{
		font-size: 15px;
	}
	/*************/
	.pdetail__img {
		margin-top: 0px;
		margin-bottom: 30px;
	}
	.pdetail__title,
	.pdetail__quote,
	.pdetail__info{
		text-align: center;
	}
	.pdetail__option{
		list-style-type: none;
	}
	.pdetail__title{
		font-size: 19px; line-height: 1.4;
	}
	.pdetail_addtocart input{
		width: 100%;
	}
	.pdetail_addtocart .button{
		margin-top: 15px;
	}
	.pdetail_addtocart{
		border-bottom: none;
	}
	#prodetail-other,
	.pdetail__info #button-share,
	.pdetail__content__title{
		margin-left: -15px; margin-right: -15px;
	}
	.pdetail__info #button-share{
		text-align: center;
	}
	.pdetail__content__title{
			margin-bottom: 15px;
	}
	#prodetail-other{
			background: #f6f6f6;
			padding: 30px 15px; margin-bottom: 30px;
	}
	#prodetail-other{
		padding-bottom: 0px;
	}
	#prodetail-other .title-page{
		text-align: center;
		font-size: 21px; margin-bottom: 15px;
	}
	#prodetail-other .title-page span{
			background: none;
	}
	#prodetail-other #products-container .pro__item{
			background: #fff;
	}
	#product-detail-container .home-news{
		margin-bottom: 15px;
	}
	/**********/
	#cart_content{
		font-size: 13px;
	}
	#cart_content .price,
	#cart_content .brand,
	#cart_content .photo,
	#cart_content .stt{
		display: none;
	}
	#cart_content  .price-amount{
			display: block;
	}
	#cart_content .price {
		-ms-flex: 0 0 100px;		flex: 0 0 100px;		max-width: 100px;
	}
	#cart_content .qty {
		-ms-flex: 0 0 95px;		flex: 0 0 95px;		max-width: 95px;
	}
	#cart_content .pro__title{
		font-size: 13px; line-height: 20px;
		font-weight: bold;
	}
	#cart_content .product .des-text > span{
		display: block; clear: both;
		height: 1px; overflow: hidden;
		opacity: 0;
	}
	#cart_content .product .price{
		display: inline-block;
		opacity: 1;
		color: var( --color-red);
	}
	#cart-complete #cart_content{
		margin-bottom: 0;
	}

}
/*************/
@media screen and ( max-width: 767px) {
	/***********/
	.page-promotion #header,
	.page-home	#header{
		margin-bottom: 0;
	}
	#header{
		margin-bottom: 30px;
	}
	#products-container .box{
		margin-bottom:20px;
	}
	/************/
	.proposal__fcontainer button[type=submit]{
		width: 100%;
	}
	/*************/
	#cart_content .qty{
		width:110px;
	}
	#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;
	}
	#newslist .item .img,
	#newslist .item .des{
		width:100%;
	}
	#mymodal .addcart_res .btn{
		padding-left: 10px; padding-right: 10px;
		margin-bottom: 15px;
	}
	.fcart-billding button, .cart-btn-group .btn{
		display: block; width: 100%;
		margin-bottom: 15px; margin-left: 0; margin-right: 0;
	}

}
@media screen and ( min-width: 767px) and (max-width: 992px) {
	.container{
		width:auto;
	}
	#home-banner > .row{
		margin-left:-3px; margin-right:-3px;
	}
	#home-banner .box,
	#home-banner .box .item{
		padding-left:3px; padding-right:3px;
	}
	#home-banner .box .item{
		margin-bottom:25px;
	}
	/**********/
	.pdetail__img {
		margin-top: 15px;
	}

	.pdetail_addtocart .button{
		margin-top: 0;
	}
	.pdetail_addtocart > .row{
		-ms-flex-pack: center !important;
		justify-content: center !important;
	}
	.pdetail__info #button-share{
		text-align: center; padding-top: 25px;
	}
	.pdetail__info #button-share .share-item i{
		height: 40px; line-height: 40px;
		font-size: 17px;
	}

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

	.container{
		width:100%;
	}
	#header .navigation li > a{
		font-size:12px; font-weight: 500;
		padding-left:19px; padding-right:19px;
	}
	.plugin-boxnav .navlist li a{
		font-size: 13px;
	}
	.pronav_group > li{
		font-size: 13px; line-height: 20px;
	}
	.page-home #products-container .pro__box:nth-child(10),
	.page-home #products-container .pro__box:nth-child(9){
		display: none;
	}


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

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

}