/* CSS Document */





@media handheld, only screen and (max-width: 1550px) {


	.item-proj-home1


	{


		width:600px;


		height:auto;


	}


	.item-proj-home2


	{


		width:300px;


	}


	.item-proj-home3


	{


		width:360px;


		left:-20px;


		top:120px;


	}


}


@media handheld, only screen and (max-width: 1500px) {


	





	.btn-prev-slide-home


	{


		right:20px;


	}


	.btn-next-slide-home


	{


		left:20px;


	}


	.menu li a


	{


		


	}


	.list-his


	{


		width:100%


	}


	


	


}





@media handheld, only screen and (max-width: 1439px) {


	.item-proj-home3 {


		width: 300px;


		left: -87px;


		top: 120px;


	}


	.next-ser1 {


       left: 36%;


	}


	.prev-ser1 {


       left: 40%;


	}


	.menu > li > a {


		font-size: 13px;


	}


	.item-giatri


	{


		width:100%;


		line-height:24px;


	}


}


@media handheld, only screen and (max-width: 1399px) {


	


	.list-view2 .item-filter


	{


		width:100%;


	}


	.menu li a


	{


		padding:0 10px;


		


	}


}


@media handheld, only screen and (max-width: 1319px) 


{


}


@media handheld, only screen and (max-width: 1350px) {


	.swiper-slide-ser-2 {


		width: 35% !important;


	}


	.next-slide-ser2


	{


		left:34%;


	}


	.box-intro-ser-2


	{


		height:auto;


		padding:20px;


	}


	


	


}


@media handheld, only screen and (max-width: 1220px) {


	


	


}


@media handheld, only screen and (max-width: 1199px) {


	.header


   {


	   display:none;


   }


   .header-m


   {


	   display:block;


   }


   .main-nav


   {


	   display:none;


   }


   .panel-footer a.btn-hide-pc


	{


		display: inline-block;


	}


	.panel-footer a.btn-hide-pad


	{


		display: none;


	}


	.item-page .col-page .inner-page-col


	{


		padding:0;


	}


	.crumb a:first-child


	{


		padding-left:0;


	}


	.why


   {





   }


	.item-w


   {


	   padding-top:5px;


	   padding-bottom:5px;


   }


   .item-w img


   {


	   


   }


   .item-w .intro-w


   {


	   display:none;


   }


   .item-w .content-w


   {


	   display:table;


	   height:100%;


   }


   .item-w .content-w > div


   {


	   display:table-cell;


	   height:100%;


	   vertical-align:middle;


   }


   .item-w .title-w


   {


	   font-size:12px;


   }


   .crumb


   {


	   border-top:solid 1px #d7d7d7


   }


   .pos-sticky


   {


	


   }


   


   .prev-ser1


   {


	   left:inherit;


	   right:20px;


   }


   .next-ser1 {


		left: inherit;


		right: 70px;


	}


	.wc::before {


		background-color: #efeff0;


		width: 500px;


		height: 220px;


		position: absolute;


		bottom: 30%;


		right: 0;


		display: block;


		content: "";


	}


	.item-proj-home1 {


		width: 550px;


		position: absolute;


		left: 0;


		top: -200px;


		overflow: hidden;


	}


	.item-proj-home2 {


		width: 250px;


	}


	.item-proj-home3 {


    width: 260px;


	}


	.item-service


	{


		margin-bottom:30px


	}


.item-service .img-ser {


    width: 100%;


    position: relative;


    right: inherit;


    top: inherit;


}


.content-item-service {


    padding: 25px 20px;


    width: 100%;


}


.inner-item-service {


    background-color: #f1f2f2;


    margin-right:0px;


    margin-top: 0px;


}


.link-detail-service{


	display:none


}


	   


}


@media handheld, only screen and (max-width: 992px) {


   .title-detail-pro


   {


	   margin-top:20px;


   }


   .pos-sticky


   {


	   position:static;


	   margin-bottom:20px;


   }


   .info-detail


   {


	   padding-top:0;


	   padding-bottom:0;


   }


   .top-proDetail


   {


	   padding-top:15px;


	   padding-bottom:15px;


   }


   .wc


   {


	   padding-bottom:0;


	   padding-top:30px;


   }


   


   


   .col-small


   {


	   display:none;


   }


	.panel-top


	{


		padding-left:0;


	}


	.frm-reg


	{


		width:100%;


	}


	.btn-prev-slide-home


	{


		right:10px;


		z-index:99;


	}


	.btn-next-slide-home


	{


		left:10px;


		z-index:99;


	}


	.title-home


	{


		font-size:20px;


	}


	.item-trust


	{


		margin-bottom:20px;


	}


	.topmenu


	{


		display:none


	}


	.item-preview-6


	{


		-ms-flex: 0 0 20%;


		flex: 0 0 20%;


		max-width: 20%;


	}


	.item-preview-5


	{


		-ms-flex: 0 0 25%;


		flex: 0 0 25%;


		max-width: 25%;


	}


	.item-preview-4


	{


		-ms-flex: 0 0 33.3333%;


		flex: 0 0 33.3333%;


		max-width: 33.3333%;


	}


	.item-preview-3


	{


		-ms-flex: 0 0 33.333%;


		flex: 0 0 33.333%;


		max-width: 33.333%;


	}


	.item-preview-2


	{


		-ms-flex: 0 0 50%;


		flex: 0 0 50%;


		max-width: 50%;


	}


	.item-preview-1


	{


		-ms-flex: 0 0 100%;


		flex: 0 0 100%;


		max-width: 100%;


	}


	.mnu-footer


	{


		display:none;


	}


	.title-item-content-footer


	{


		display:inline-block;


		float:left;


		padding-right:5px;


	}


	.intro-his


	{


		padding:0;


		margin-top:15px;


	}


	.list-his .item-his:nth-child(2n) .content-hist .intro-his


	{


		padding:0;


	}


	.item-page .col-page


	{


		width:100%;


		margin-bottom:15px;


	}


	.list-view2 .item-filter


	{


		width:50%;


	}


	.col-xs-15


	{


		width:33.3333%


	}


	.item-w img


	{


		width:auto


	}


	.view-all-cat


	{


		display:block;


	}


	.col-cat ul


	{


		display:none;


	}


	.col-pro-home-pad


	{


		border-left:solid 1px #d7d7d7


	}


	.box-slide-des


	{


		display:none;


	}


	.box-slide-mobile


	{


		display:block;


	}


	.xxx-btn


	{


		position:static;


		margin-top:15px;


	}


	.btn-add-detail2


	{


		margin-bottom:10px;


	}


	.logo-footer


	{


		margin-bottom:15px;


	}


	.content-footer


	{


		margin-bottom:15px;


	}


	.wc::before {


		bottom:0


	}


	.why


	{


		padding-top:15px;


		padding-bottom:15px;


	}


	.sl-ser1


	{


		position:static;


		width:100%;


	}


	.intro-ser-2


	{


		min-height:inherit;


		margin-bottom:20px;


	}


	.box-intro-ser-2


	{


		position:static;


		width:100%;


	}


	.swiper-slide-ser-2


	{


		width:100% !important


	}


	.next-slide-ser2 {


		left: 95%;


	}


	.swiper-slide-ser-1 {


		width: 33.33333% !important;


	}


	.line-service-home-1


	{


		min-height:inherit;


		padding-bottom:40px;


	}


	.line-service-home-1::before {


		display: none


	}


	.next-ser1 {


		left: -10px;


		right:inherit;


		top:50%;


		margin-top:-24px;


		bottom:inherit;


		display:none


	}


	.prev-ser1 {


		right: -10px;


		left:inherit;


		top:50%;


		margin-top:-24px;


		bottom:inherit;


		display:none


	}


	.item-proj-home1


	{


		position:static;


		width:100%;


		margin-top:20px;


	}


	.item-proj-home2


	{


		position:static;


		width:100%;


		margin-top:20px;


	}


	.item-proj-home3


	{


		position: relative;


		width:100%;


		left:inherit;


		top:inherit;


	}


	.item-proj-home


	{


		margin-bottom:20px;


	}


	.name-item-proj-home


	{


		visibility:visible;


		transform: scale(1);


	}


	.subtab li a


	{


		margin-bottom:10px;


	}
	.content-wc
	{
		padding-right:0;
	}
	.img-wc
	{
		margin-top:15px;
	}

.bot-proDetail
{
}
.bot-proDetail img
{
	max-width:100% !important;
	height:auto !important

}
}


@media handheld, only screen and (max-width: 768px) {


	.left-trust


	{


		padding-bottom:20px;


	}


	.content-footer


	{


		padding-bottom:20px;


	}


	.call-icon,.email-icon,.item-w


	{


		margin-bottom:10px;


	}


	.kq1


	{


		margin-bottom:10px;


	}


	.frm-reg


	{


		width:100%;


	}


	.hide-on-tab


	{


		display:none


	}


	.timeline > li


	{


		padding-left:50px;


	}


	.timeline > li:after


	{


		left:0;


		width:40px;


		


	}


	.line-home


	{


		padding-top:20px;


		padding-bottom:20px;


	}


	.page-one


	{


		padding-top:30px !important


	}


	.item-preview-6


	{


		-ms-flex: 0 0 25%;


		flex: 0 0 25%;


		max-width: 25%;


	}


	.item-preview-5


	{


		-ms-flex: 0 0 33.3333%;


		flex: 0 0 33.3333%;


		max-width: 33.3333%;


	}


	.item-preview-4


	{


		-ms-flex: 0 0  33.333%;


		flex: 0 0  33.333%;


		max-width:  33.333%;


	}


	.item-preview-3


	{


		-ms-flex: 0 0 33.333%;


		flex: 0 0 33.333%;


		max-width: 33.333%;


	}


	.item-preview-2


	{


		-ms-flex: 0 0 50%;


		flex: 0 0 50%;


		max-width: 50%;


	}


	.item-preview-1


	{


		-ms-flex: 0 0 100%;


		flex: 0 0 100%;


		max-width: 100%;


	}


	.title-hist


	{


		font-size:14px;


	}


	.title-hist


	{


		padding-right:90px;


	}


	.list-his .item-his:nth-child(2n) .content-hist .title-hist


	{


		padding-left:90px;


	}


	.col-xs-15


	{


		width:50%


	}


	.swiper-slide-ser-1 {


		width: 50% !important;


	}


	.item-giatri


	{


		margin-bottom:15px;


	}


}


@media handheld, only screen and (max-width: 570px) {


	.hide-on-mobile


	{


		display:none;


	}


	.frm-reg


	{


		width:100%;


	}


	.panel-footer


	{


		padding:0;


	}


	.panel-footer a


	{


	


		text-align:center;


		font-weight:normal;


		width:25%;


		float:left;


		font-size:12px;


		line-height:normal;


		border-right:solid 1px #fff;


		padding:5px 20px;


}


	.panel-footer span


	{


		display:block;


	}


	.panel-footer i.fa


	{


		font-size:20px;


	}


	.item-preview-6


	{


		-ms-flex: 0 0 33.3333%;


		flex: 0 0 33.3333%;


		max-width: 33.3333%;


	}


	.item-preview-5


	{


		-ms-flex: 0 0 33.3333%;


		flex: 0 0 33.3333%;


		max-width: 33.3333%;


	}


	.item-preview-4


	{


		-ms-flex: 0 0  33.333%;


		flex: 0 0  33.333%;


		max-width:  33.333%;


	}


	.item-preview-3


	{


		-ms-flex: 0 0 50%;


		flex: 0 0 50%;


		max-width: 50%;


	}


	.item-preview-2


	{


		-ms-flex: 0 0 50%;


		flex: 0 0 50%;


		max-width: 50%;


	}


	.item-preview-1


	{


		-ms-flex: 0 0 100%;


		flex: 0 0 100%;


		max-width: 100%;


	}


	.item-preview-list


	{


		width:100% !important;


	}


	.item-preview-list img


	{


	}


	.box-menu


	{


		width:100%;


		margin-bottom:15px;


		display:none


	}


	.item-w


	{





	}


	.item-news-top1


	{


		margin-bottom:20px;


	}


	.trust-pro .item-trust-pro


	{


		margin-bottom:10px;


	}


	.title-detail-pro


	{


		margin-top:15px;


	}


	.next-slide-ser2


	{


		display:none


	}

.box-fix
	{
		width:100%;
		height:66px;
		bottom:0;
		left:0;
		text-align:center;
		top:inherit;
		-webkit-border-radius: 0;
        border-radius: 0;
		background-color:#FFF;
		border:none;
		z-index:99999999;
	}
	.box-fix a
	{
		width:20%;
		float:left;
		border-right:solid 1px #d7d7d7;
	}
	.box-fix a:last-child
	{
		border-right:none;
	}
	


}


@media handheld, only screen and (max-width: 540px) {


	


}


@media handheld, only screen and (max-width: 480px) {


	.panel-m


	{


		padding-top:4px


	}


}


@media handheld, only screen and (max-width: 420px) {


.link-top


{


	font-size:14px;


}





}


@media handheld, only screen and (max-width: 360px) {


}