@media screen and (max-width: 1200px)
{
	.p40-0, .p20-0{padding: 20px 10px;}
	.box-head{position: relative;}
	.box-head .top{padding: 5px;}
	.box-head .top > .container > .d-flex > div:first-child{display: none;}
	.box-head .bot .logo{position: static;}
	.box-head .bot .logo::before, .box-head .bot .logo::after{content: unset;}
	.box-head .bot .tool-head{width: 20%;}
	.box-head .bot .tool-head .info .nowrap{white-space: unset;}
	.box-head .bot .tool-head .info span{display: block;white-space: unset;}
	.box-head .bot .tool-head .info span.line{display: none;}
	.box-head .bot .col__1{display: none;}
	.menu ul li a{padding: 12px 18px;}
	.row{margin: 0 !important;}
}
@media screen and (max-width: 1024px) 
{
	.box-head .bot .tool-head{width: 16%;}
	.menu ul li a{padding: 12px 15px;}
}
@media screen and (max-width: 960px) 
{
	:root
	{
		--item__margin: 5px;
		--item__width: calc((100% / 4) - (var(--item__margin) * 2));
		--item__page__margin: 5px;
	}

	.cover-thuocloban{overflow: hidden;}
	.menu-mobile,.hc-offcanvas-nav{display:block !important;}
	.nav-menu, .box-head .bot .tool-head, .box-head .bot .banner, .box-head .top, .search-h{display:none !important;}
	.box-head .bot{padding: 10px 0;}
	.box-head .bot .container .d-flex{justify-content:center;}
	.box-head .bot .container .logo{width: 100%;margin-bottom: 10px;text-align: center;}
	.cover-expense .item{padding:10px;}
	.menu-mobile .hotline{width:calc(100% - 30px);text-align:center;font: 15px var(--bold);color:#fff;}
}
@media screen and (max-width: 800px) 
{
	.cover-expense .item{width: 100%;}
	.cover-newsletter .item{width: 100%;}
	.cover-newsletter img{height: 100%;}

	.col-footer-1{position: static;}
	.col-footer-1 .social::after{content: unset;}
	.col-footer-1, .col-footer-2{width: 100%;margin-bottom: 10px;}
	.copyright .d-flex{justify-content: center;text-align: center;}
}
@media screen and (max-width: 700px) 
{
	:root
	{
		--item__width: calc((100% / 3) - (var(--item__margin)*2));
		--item__page__width: calc((100% / 3) - (var(--item__margin)*2));
	}
	.cover-customer .col__6{width: 100%;}
	.cover-about .item{width: 100%;margin-bottom: 10px;}

	.item-contactIns{width: 100%;margin-top: 20px;}
}
@media screen and (max-width: 600px) 
{
	.img-detail{width:100%;}
	.info-detail{width:100%;}
	.loban-note{display: none;}
}
@media screen and (max-width: 480px) 
{
	:root
	{
		--item__width: calc((100% / 2) - (var(--item__margin)*2));
		--item__page__width: calc((100% / 2) - (var(--item__margin)*2));
	}
	.cover-expense .box .group{padding: 10px;}
	.group-expense .form-group, .group-info .form-group{width: calc(100% / 1);}
	.cover-newsletter .item{padding: 0;}
	.item-knowledge .date{display: none;}
	.grid{display: block;}
	.item-project{width: 100%;height: 200px;margin-bottom: 5px;}
	.col-footer-2 .item{width: 100%;}
}