.banner {height: 300px;}
.banner_bg {background: rgba(0, 0, 0, 0.65);height: 300px;}
.title{ont-size: 60px;font-weight: 600 !important;}
.banner_text {min-height: 0;display: flex;justify-content: center;align-items: center;}
.main_text {top: 0px;}
/* sub title white */
.company_title_center .header h1::before {content: "";position: absolute;left: 0;right: 0;width: 102px;height: 1px;background: #1F8EB8;bottom: 1px;margin: 0 auto;}
.company_title_center .header h1::after {content: "";position: absolute;left: 0;right: 0;width: 40px;height: 3px;background: #1F8EB8;bottom: 0;margin: 0 auto;}
/* responsive */
@media screen and (min-width:1400px) {
 
}
@media screen and (min-width:1200px) and   (max-width:1399.98px) {
 
}
@media screen and (min-width:992px) and   (max-width:1199.98px) {
  .banner {
	height: 270px;
}
.banner_bg {
	height: 270px;
}
}
@media screen  and (min-width:768px) and (max-width:991.98px) {
.project_heading p {padding-left: 12px;padding-right: 12px;}
.banner {height: 230px;background-position: 63% 39%;}
.banner_bg {	height: 230px;}
}
@media screen and (min-width:576px) and (max-width:767.98px) {
.project_heading p {padding-left: 12px;padding-right: 12px;}
.banner {height: 220px;background-position: 63% 39%;}
.banner_bg {	height: 220px;}
}
@media screen  and (min-width:381px) and (max-width:575.98px){
 .banner {height: 220px;background-position: 63% 39%;}
.banner_bg {	height: 220px;}
}
@media screen and (min-width:320px) and (max-width:380.98px) {
.banner {height: 220px;background-position: 63% 39%;}
.banner_bg {	height: 220px;}

}