@charset "utf-8";
/* CSS Document */
/*************/
@media screen and (max-width: 991px) {
	html{
		width:100%;
		overflow-x:hidden;
	}
	body{
		padding-bottom:0px; font-size:14px; line-height:26px;
	}
	#phonering-alo-phoneIcon{
		display: block;
		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;
	}

	.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;
	}
	/************/
	#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;
	}
	/***************/
	/**********/
	.hnavigation,
	#header .header-top,
	#header .logosearch .hbox_group{
		display: none;
	}
	#header{
		box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
	}
	#header .logosearch{
		padding-top: 10px; padding-bottom: 10px;
		border-top: 3px solid var( --color-main);
	}
	#header .logo {
    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;
	}
	#header .logosearch .logo img{
		height: 50px;
	}
	#header .logosearch .logo .img{
		display: inline-block;
	}
	.is-sticky #header .logosearch{
		display: block;
	}
	.is-sticky #header .logosearch .logo{
		text-align: left;
	}
	.is-sticky #header .logosearch .logo img{
		height: 45px;
	}
	.is-sticky #header .btn_mobile{
		margin-top: 3px;
	}
	/************/
	#bg-main .title{
		font-size: 21px; line-height: 26px;
	}
	/**********/
	#footer{
		margin-top:20px;
	}
	#footer .author,
	#footer .dcontent{
		font-size: 12px; line-height: 22px;
	}
	.partners{
		padding-top: 15px; padding-bottom: 15px;
	}
	.partners .home-title span{
		font-size: 16px;
	}
	.home-title{
		font-size:18px; line-height:24px;
		margin-bottom: 15px;
	}
	.home-title span::before, .home-title span::after{
		width:30px;
	}
	.dcontent{
		line-height: 25px;
	}
	.home-support .dcontent{
		width: 100%;
	}
	/**************/
	.home-news{
		margin-top:30px; margin-bottom:30px;
	}
	/*********/
	.pageprice__container .fsupport,
	.fsupport{
		margin-top: 40px; margin-bottom: 15px;
		padding: 35px 15px 15px;
	}
	.fsupport__title{
		top: -21px;
		font-size: 15px;
		padding: 11px 20px 10px; min-width: 230px; text-align: center;
	}
	.fsupport .col-sm-10,
	.fsupport .control-label{
		display: block; width: 100%; text-align: left;
	}
	.fsupport button{
		font-size: 13px; padding: 11px 25px 10px;
	}
	/*****************/
	.home-boxitem{
		margin-bottom: 15px;
	}
	.blog__item,
	.home-boxitem .item{
	    -ms-flex: 0 0 100%;	    flex: 0 0 100%;	    max-width: 100%;
			margin-bottom: 25px;
	}
	.hservices,
	.home__video{
		-ms-flex: 0 0 100%;	    flex: 0 0 100%;	    max-width: 100%;
		order: 1;    -ms-flex-order: 1;
	}
	.home__video{
		margin-bottom: 20px;
	}
	.hser__group{
		padding: 15px;
	}
	/***********************/
	.project__item {
		-ms-flex: 0 0 100%;	    flex: 0 0 100%;	    max-width: 100%;
		margin-bottom: 30px;
	}
	.project__container .row-flex .project__item:last-child {
			margin-bottom: 0
	}
	/***************/
	.home-kinhnghiem{
		padding-top: 30px; padding-bottom: 30px;
	}
	.home-blog{
		background: rgb(242 242 242);
		margin-bottom: 0; padding-bottom: 30px;
	}
	.home-kinhnghiem .homeblog__list li{
		padding: 8px;
	}
	.home-blog .home-title{
		margin-bottom: 10px;
	}
	.home-blog .homeblog__first{
		padding-left: 15px; padding-right: 15px;
		margin-bottom: 25px;
		background: #fff;
		border-bottom: 3px solid var( --color-blue);
	}
	.homeblog__container{
		border: none;
	}
	.homeblog__container .des{
		padding-left: 0; padding-right: 0;
	}
	.home-blog .homeblog__first .homeblog__img{
		margin-left: -15px; margin-right: -15px;
		height: auto; max-height: 40vh;
	}
	.homeblog__first__title{
		font-size: 16px; line-height: 24px;
		margin-bottom: 6px;
	}
	.homeblog__list .img{
		margin-right: 12px;
	}
	.homeblog__list .title{
		font-size: 15px; line-height: 20px;
		padding-top: 3px; margin-bottom: 4px;
	}
	.home-feedback{
		padding-top: 35px; padding-bottom: 30px;
		margin-top: 0;
	}
	/*********************/
	.plugin-container{
		display: none;
	}
	#content-detail{
		margin-top: 0;
	}
	.dpro__img{
		width: auto; margin: 0 -15px 15px;
	}
	.dpro__img img{
		width: 100%; max-width: none;
	}
	.lightgallery .item{
		-ms-flex: 0 0 33.33333%;	    flex: 0 0 33.33333%;	    max-width: 33.33333%;
		padding: 3px;
	}
	.lightgallery .item__img{
		height: 16vh;
	}
	.other__container .title-page{
		font-size: 17px;
	}
	.other__container .homeblog__list .img{
		width: 35%;
	}
	.homeblog__list li{
		margin-bottom: 15px; padding: 8px;
		background: #fff;
		border: 1px solid rgb(221 221 221);
	}
	.homeblog__list .img{
		padding: 0; border: none;
		border-radius: 0;
	}
	.fsupport__title{
		display: none;
	}
	.fsupport button.fsupport__title{
		display: block;
	}
	.fsupport button.fsupport__title,
	.fsupport__title{
		font-size: 18px;		width: 90%;
	}
	.fsupport{
		border-color: #FFF; padding-bottom: 0;
		box-shadow: none; margin-bottom: 0; margin-top: 60px;
	}
	.page-price .fsupport,
	.fsupport.active{
		border: 1px solid #CCC;
		box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
		margin-bottom: 30px;
	}
	.fsupport .form-group{
		margin-bottom: 10px;
	}
	.page-price #fsupport__container{
			display: block;
	}
	.page-price .fsupport__title{
		display: block;
	}
	.page-price .fsupport button.fsupport__title{
			display: none;
	}
	.homeproject__title{
		font-size: 17px; text-align: center;
		width: 85%;
	}

	#fsupport__container{
		margin-bottom: 0;
	}
	.fsupport__text_after{
			border-radius: 0 0 10px 10px;
			line-height: 24px;
			padding-left: 20px;
	}
	.home_video_title{
		font-size: 14px; line-height: 22px;
	}
	.home__video__main{
		padding-right: 15px; margin-bottom: 15px;
	}
	.home__video__list{
		padding-left: 15px;
	}
	.home__video__listitem div{
		padding-left: 0
	}
	.homeproject__container .project__container{
		padding-left: 0; padding-right: 0;
	}
	.fsupport__text{
		padding-left: 15px; padding-right: 15px;
	}
	.main-container{
		padding-right: 15px;
	}
	.blog__item__img img{
		height: 205px;
	}
	.homeblog__list img{
		max-height: none;
	}
	.videodetail{
		background: #fff;
	}
	.video__wrapper{
		background: #fff; padding: 0 15px;
		border: none;
		box-shadow: none;
	}
	.video__wrapper__content{
		padding:0;
	}
	.other__container{
		margin-top: 0;
	}
	.other__container .homeblog__list li{
		 background: #f8f8f8;
	}
	.other__container .homeblog__list{
		margin-bottom: 0;
	}



}
/*************/
@media screen and ( max-width: 767px) {
	.breadgroup{
		display: none;
	}
	.pagedetail #header{
		margin-bottom: 20px;
	}
	.pagedetail #bg-main{
		display: none;
	}
	#bg-main{
		padding-top: 0px; padding-bottom: 20px;
		height: 1px; opacity: 0;
		margin-bottom: 0;
		background: #fff;

	}
	#bg-main .title{
		font-size: 19px; line-height: 26px;
	}
	#bg-main .title::before{
		width: 50px; height: 3px;
	}
	/* .project__item {
		-ms-flex: 0 0 100%;	    flex: 0 0 100%;	    max-width: 100%;
	} */
	.lightgallery .item{
		-ms-flex: 0 0 50%;	    flex: 0 0 50%;	    max-width: 50%;
		padding: 3px;
	}
	.other__container{
			margin-top: 30px;
	}
	.hser__group__list .item{
		-ms-flex: 0 0 100%;	    flex: 0 0 100%;	    max-width: 100%;
		order: 1;    -ms-flex-order: 1;
	}
	.hser__group__list .item{
		margin-bottom: 0;
	}
	.home-project{
		padding-top: 0;
	}
	.home-project .home-title{
		margin-bottom: 50px;
	}
	.homeproject__container{
		margin-top: 00px; margin-bottom: 60px;
	}
	.title-page{
		font-size:18px; line-height:28px;
	}
	.video_other_container{
		margin-top: 0; border-top: none;
	}

}
@media screen and ( min-width: 767px) and (max-width: 992px) {
	.blog__item,
	.home-boxitem .item{
			-ms-flex: 0 0 50%;	    flex: 0 0 50%;	    max-width: 50%;
			margin-bottom: 25px;
	}
	.fsupport textarea.form-control{
		height: 210px;
	}
	.project__item {
	    -ms-flex: 0 0 50%;	    flex: 0 0 50%;	    max-width: 50%;
	    margin-bottom: 30px;
	}
	.dpro__img{
		width: 100%; margin: 0 -0 15px;
	}
	.dpro__img img{
		width: 100%; max-width: none;
	}
	.home-blog .homeblog__first{
		background: none; border: none;
	}
	.homeblog__container{
		border: 1px solid #ddd;
	}
	.home-blog .homeblog__first .homeblog__img{
		margin-left: 0; margin-right: 0;
	}
	.homeblog__container .des{
		padding: 5px 20px 20px
	}
	.homeblog__first__title{
		font-size: 19px;
	}
}
@media screen and (min-width: 992px) and ( max-width: 1200px) {
	body{
		font-size: 14px; line-height: 26px;
	}
	.container{

	}
	#bg-main .title{
		font-size: 25px;
	}
	.link_baogia{
		font-size: 14px;
	}
	.right_list{
		padding: 15px;
	}
	.right_listnav li{
		font-size: 13px; font-weight: bold;
	}
	.hnavigation__container > li > a{
		font-size: 13px;
	}
	.hnavigation__container > li > a span{
		padding: 12px 15px 10px;
	}
	.hbox__item a, .hbox__item span{
		font-size: 14px;
	}
	.fsupport{
		margin-top: 60px;
		padding: 45px 15px 15px;
	}
	.fsupport__title{
		font-size: 19px;
	}
	.home-boxitem .item .box{
		padding: 45px 10px 15px;
	}
	.home-boxitem .item .box h4{
		font-size: 14px;
	}
	.home-boxitem .item .box{
		font-size: 13px; line-height: 22px;
	}
	.hser__group{
		padding: 15px;
	}
	.hser__group__list{
		margin: 0 -5px;
	}
	.hser__group__list li{
		padding: 0 5px; margin-bottom: 10px;
	}
	.hser__group__list li a{
		padding: 8px 10px;
		font-size: 12px; line-height: 20px;
	}
	.project__des{
		line-height: 20px;
	}
	.homeblog__list .img{
		width: 26%; margin-right: 15px;
	}
	.homeblog__first__title{
		font-size: 17px;
	}
	.blog__item__des{
		padding: 10px 15px;
	}
	.blog__title{
		font-size: 16px; font-weight: bold;
	}
	.dpro__img{
		margin-right: 30px;
	}
	.blog__item__img img{
		height: 190px;
	}
}


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

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

}
@media screen and (min-width: 992px) {
	#fsupport__container{
		display: block;
	}
}