@charset "utf-8";
/* CSS Document */
/*************/
@media screen and (max-width: 991px) {
	html{
		width: 100%; overflow-x: hidden;
	}
	#header .header__logo{
		display: inline-block !important;
	}
	.row{
		margin-left: -15px; margin-right: -15px;
	}
	[class*=col]{
		padding-left: 15px; padding-right: 15px;
	}
	body{
		width:100%; font-size: 13px;
	}
	.container{
		width: 100%; max-width: 100%;
		padding-left: 15px; padding-right: 15px;
	}
	.blog_container {
		padding-left: 0; padding-right: 0;
	}
	.post-title.text-right{
		text-align: left !important;
		margin-bottom: 15px;
	}
	/************/
	#btn-scrolltop{
		bottom:40px; right:5px;
		height:26px; width:26px;
	}
	#call_mobile{
		display:block;
	}
	/********/
	#button-share{
		text-align:left;
		padding: 15px; margin-left: -15px; margin-right: -15px;
		margin-bottom: 0;
	}
	#button-share .header{
		float: left;
	}
	#button-share > a{
		display:inline-block;
		margin-bottom:0; float: left;
	}
	#button-share .share-item i:after{
		display: none;
	}
	#button-share .share-item{
		padding-right:0;
		float:left;
	}
	.is-sticky #header .navigation li > a::after,
	.is-sticky #header .navigation li > button::after,
	.page-home #header .navigation li > a::after,
	.page-home #header .navigation li > button::after,
	#header .hnav_left,
	#button-share .share-item b{
		display:none;
	}
	#button-share .share-item i{
		padding-right:7px; margin-right:0;
		background:#000; color:#FFF;
	}
	#header .hnav_right li{
		display: none;
	}
	#header .hnav_right li.header__logo,
	#header .hnav_right .navitem__show{
			display: inline-block !important;
	}
	/************************/
	.page-home #header,
	.is-sticky #header,
	#header{
		position: relative;
		padding-top: 0; padding-bottom: 0;
		margin-bottom: 20px;
		background: var( --color-main) !important;
	}
	.blogdetail #header,
	.page-home #header{
		margin-bottom: 0
	}
	#header .navigation{
		display: block; width: 100%; text-align: right;
	}
	#header .hnav_right{
	}
	.header__logo img{
		height: 55px;
		filter: brightness(0) invert(1);
	}
	.footer_auhtor{
		text-align: left;
	}
	.footer__info{
		padding-bottom: 15px;
	}
	/*****************************/
	#owl_home .owl-item img{
		height: 55vh; object-fit: cover; object-position: center;
	}
	.home_slide .home_slide__search{
		position: relative;
		transform: translateY( 0); padding: 0px;
	}
	.home_slide .home_slide__search .btn-collapse__order{
			display: block;
	}
	.forder__container{
		width: 100%;
	}
	.forder__container .row .col-12{
		margin-bottom: 1rem;
	}
	.forder__container .row .col-12:last-child{
		margin-bottom: 0;
	}
	.forder__container label{
		margin-bottom: 5px; display: block;
	}
	.home_slide .home_slide__search .container{
		padding-left: 0; padding-right: 0;
	}
	.forder__container .shadow{
			box-shadow: none !important;
	}
	.forder__container .bg-white{
		padding: 15px;
	}
	.forder__container .box__link_reg{
		padding-top: 0 !important;
	}
	.forder__container .box__link_reg .col{
		-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	}
	.forder__container .box__link_reg a{
			display: inline-block; text-align: center;
			background-color: var( --color-main); color: #FFF;
			margin-top: 15px;
			padding-left: 15px; padding-right: 15px;
	}
	.forder__container hr{
			display: block; margin-bottom: 30px;
	}
	/*************/
	home-about__text{
		padding-left: 0; padding-right: 0;
	}
	.home-about{
		padding-top: 20px;
	}
	.home-about__listgroup .box_icon{
		-ms-flex: 0 0 150px;	flex: 0 0 150px;	max-width: 150px;
	}
	.home-about__listgroup .title{
		-ms-flex: 0 0 calc( 100% - 150px);
    flex: 0 0 calc( 100% - 150px);
    max-width: calc( 100% - 150px);
	}
	.home-about__listgroup .item{
		margin-bottom: 15px;
	}
	.home-hr{
		margin-bottom: 25px;
	}
	.home-about__text,
	.home-header{
		margin-bottom: 15px;
		padding-left: 0; padding-right: 0;
	}
	.home-about__listgroup{
		margin-top: 25px;
	}
	.feedback__img{
		height: 190px;
		margin-bottom: 15px;
	}
	.feedback__item{
		margin-bottom: 15px;
	}
	.feedback__item > .row{
		margin-left: 0; margin-right: 0;
		border: 1px solid #DDD; background-color: #FFF;
		border-radius: 5px; overflow: hidden;
	}
	.feedback__item > .row .col-12{
			padding-left: 0; padding-right: 0;
	}
	.feedback__des{
		padding-left: 15px; padding-right: 15px;
	}
	.feedback__item .feedback__person{
		background-color: #EEE;
		padding: 10px 15px !important;
		border-top: 1px solid #DDD;
	}
	.home-product{
		padding-top: 30px;
	}
	.home-title, .home-about .about__title{
		font-size: 21px; text-align: left;
		line-height: 28px;
	}
	.product__container{
		margin: 20px -6px 30px;
	}
	.product__container .proitem{
			padding-left: 6px; padding-right: 6px;
			margin-bottom: 15px;
	}
	.probox{
		border-radius: 3px;
	}
	.blog__des .text{
		margin-bottom: 0;
	}
	/**************/
	.btn-readmore{
		background: var( --color-main); color: #FFF;
		margin-top: 15px; margin-bottom: 10px;
	}
	#bg-main .title{
		font-size: 19px; line-height: 26px;
		margin: 0; padding-top: 10px;
	}
	#bg-main{
		display: none;
		margin-bottom: 30px;
	}
	.title-page{
		font-size: px; line-height: 32px;
	}
	.title-detail{
		font-size: 21px; font-weight: bold;
		margin-bottom: 15px; line-height: 30px;
		text-align: left;
	}
	.page-quote, .quote-page{
		font-weight: bold; font-size: 15px; line-height: 26px;
		margin-bottom: 15px;
	}
	.right-forder{
		padding: 0; margin-left: -15px; margin-right: -15px;
		border-top: 3px solid var( --color-main);
	}
	.right-forder .forder__container .bg-white{
		margin-top: 20px; padding: 0 15px;
	}
	.right-forder .forder__container .bg-white{
		padding-bottom: 30px !important;
	}
	.other__container .blog__des .text{
		margin-bottom: 20px;
	}
	/*****************/
	.owl-blogimg-runjs .owl-nav .owl-prev, .owl-blogimg-runjs .owl-nav .owl-next{
		width: 40px;
		background-size: 17px auto;
		opacity: 0.85;
	}
	.dblog__img{
		padding-left: 45px; padding-right: 45px;
	}
	.blogimg__item_img img{
		height: 22vh; width: auto !important;
	}
	.owl-blogimg-runjs .owl-nav .owl-prev,
	.owl-blogimg-runjs .owl-nav .owl-prev:hover{
		left: -45px;
	}
	.owl-blogimg-runjs .owl-nav .owl-next,
	.owl-blogimg-runjs .owl-nav .owl-next:hover{
		right: -45px;
	}
	.dpro_buynow .dpro_price s{
		display: block; margin-left: 0;
	}
	.content_empty{
		display: none;
	}
	.prodetail .other__container{
		margin-top: 0 !important;
	}
	/*************/
	#google-map{
		margin-left: -15px; margin-right: -15px;
	}
	.cartleft__container .nav a{
		padding-left: 15px; padding-right: 15px;
		font-size: 13px;
	}
	.cart-title{
		font-size: 19px; line-height: 24px;
		padding-bottom: 7px; margin-bottom: 17px;
	}
	.cart_formorder{
		padding: 20px 15px; margin-bottom: 0; padding-bottom: 0;
	}
	.cart_formorder .cart_formorder{
		margin-left: -15px; margin-right: -15px;
	}
	.pagecart__container .order-2{
		-ms-flex-order: 1; order: 1;
		padding-left: 0; padding-right: 0;
	}
	.pagecart__container .order-1{
		-ms-flex-order: 2; order: 2;
	}
	.scrollToFixed{
		position: relative !important;
		top: 0 !important; left: 0 !important;
		width: 100% !important
	}
	.spacerbox{
		display: none !important;
	}
	.page-cart #bg-main{
			margin-bottom: 0;
	}
	.page-cart .alert{
		margin-top: 0px; font-size: 14px; line-height: 23px;
	}
	.cartcompleta_info .col{
		-ms-flex: 0 0 100%;	flex: 0 0 100%;	max-width: 100%;
	}
	.cartcompleta_info .row .col:last-child{
		border-right: 1px solid #DDD;
	}
	.cart-title{
		font-size: 17px;
	}
	.cartcomplete_no{
		display: none;
	}
	.cartcomplete_product h5{
			font-size: 15px; margin-bottom: 4px;
	}
	.cartcompleta_info{
		text-align: left; font-size: 13px;
	}
	#cart_content .product .photo,
	#cart-complete .price,
	#cart_content.cart-success .qty,
	#cart_content .price-amount,
	#cart_content .footer .col:last-child,
	#cart_content .stt{
		display: none;
	}
	#cart_content .product .des{
		width: 100%; padding-left: 0;
	}
	#cart_content .product .des .price{
		display: inline-block;
	}
	#cart_content .footer .price-amount,
	#cart_content.cart-success .footer .price-amount,
	#cart_content.cart-success .product .photo{
			display: block;
	}
	#cart_content.cart-success .product .photo{
		width: 25%;
	}
	#cart_content.cart-success .product .des{
		width: 75%; padding-left: 15px;
	}
	#cart_content .price {
    -ms-flex: 0 0 125px;
    flex: 0 0 125px;
    max-width: 125px;
	}
	#cart_content .qty {
	    -ms-flex: 0 0 75px;
	    flex: 0 0 75px;
	    max-width: 75px;
	}
	#cart_content .product .des h5{
		font-size: 14px;
	}
	#cart_content.cart-success s{
		margin-left: 5px;
	}
	#cart_content .product .des-price s{
		display: block; margin-left: 0;
	}
	.fcart-billding button{
		display: block; width: 100%;
	}

}
/*************/
@media screen and ( max-width: 767px) {

	.breadcrumb{
		display:none;
	}
	/***********/

	.cartcomplete_img {
	    -ms-flex: 0 0 90px;
	    flex: 0 0 90px;
	    max-width: 90px;
	}
	.cartcomplete_qty{
		-ms-flex: 0 0 60px;    flex: 0 0 60px;    max-width: 60px;
	}
	.cartcomplete_price{
		display: none;
	}
	.cartcomplete_product .des-price{
			display: block;
	}
}
@media screen and ( min-width: 767px) and (max-width: 992px) {
	.container{
		width:100%; padding-left:30px; padding-right:30px;
	}

}
@media screen and (min-width: 992px) and ( max-width: 1200px) {
	.container{
		width: 100%; max-width: 100%;
		padding-left: 30px; padding-right: 30px;
	}
	#header{
		padding-top: 6px; padding-bottom: 6px;
	}
	.forder__container .row .col-12{
		margin-bottom: 1rem;
	}
	.forder__container .row .col-12:last-child{
		margin-bottom: 0;
	}
	.forder__container label{
		margin-bottom: 5px; display: block;
	}
	.home_slide .home_slide__search .container{
		padding-left: 0; padding-right: 0;
	}
	.forder__container .bg-white{
		padding: 15px;
	}
	.forder__container .box__link_reg .col{
		-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	}
	.forder__container .box__link_reg a{
			display: inline-block; text-align: center;
			background-color: var( --color-main); color: #FFF;
			margin-top: 15px;
			padding-left: 15px; padding-right: 15px;
	}
}



@media screen and (min-width: 992px) and ( max-width: 1101px) {
}
@media screen and (min-width: 1201px) and ( max-width: 1300px) {


}
@media screen and (min-width: 1201px) and ( max-width: 1400px) {
}
@media screen and (min-width: 992px){
	#hforder__collapse{
		display: block;
	}
}