.banner{
	background-image: url(../images/NPP-banner.jpg);
	height: 500px;
}
.box{	
	
	margin-left: 150px;
	margin-top: 170px;
	float: left;
	
}
.cc{
	color:rgb(45, 45, 45);
}

.box h1{
	color: #fff;
	font-size: 58px;
	font-weight: bold;
}
.box h3{
	color: #fff;
	font-size: 30px;
}
.box h2{
	color: #fff;
	font-size: 44px;
}
.abt{
width: 100%;
height: 340px;
float: left;

}
.xx{
	list-style-type: square;
	color: rgb(45, 45, 45);
	margin-left: 35px;
}
.xxx:hover{
	color: red;
}

@media screen and (max-width: 880px) {
  .abt {
    width: 100%;
    height: 520px;
    display: block;
  }
  .copy{
  	margin-top:400px;
 }
 .career1{
	background-color: #fff;
	width: 100%;
	height: 600px;
	float: left;
}
.rel{
	
	padding-top: 0px;
	
}

  

}

@media(max-width: 767px){
	.logo{
		text-align: center;
	}

}
/*@media screen and (min-width: 1238px) {
  .abt {
    width: 100%;
    height: 400px;
    display: block;
  }
 
  

}*/
.career{
	background-color: #fff;
	width: 100%;
	height: 200px;
	float: left;
}
.career1{
	background-color: #fff;
	width: 100%;
	height: 370px;
	float: left;
}
.discuss{
	width: 100%;
	margin-top: 10px;
	float: left;
	background-color: #F28D63;
}
.discuss h2{
	color: #fff;
	font-size: 24px;
	text-align: center;
	padding: 20px;

}
.discuss a{
	text-decoration: underline;
}
.our{
	width: 100%;
	float: left;
	height: 400px;


}


.rel{
	float: left;
	
	height: 400px;
	padding-top: 100px;
	
}

.im1{
	padding-top: 100px;
}
.rel h1{
	font-weight: bold;
}
.rel li{
	opacity: 1;
}
.copy{
	width: 100%;
	height: 50px;
	background-color: #323232;
	float: left;
	padding: 10px;
	color: #fff;

}
.copy1{
	width: 100%;
	height: 50px;
	background-color: #323232;
	float: left;
	padding: 10px;
	color: #fff;

}

@media(max-width: 767px){
	
	.career{
	background-color: #fff;
	width: 100%;
	height: 300px;
	float: left;
	display: block;
}
.career1{
	background-color: #fff;
	width: 100%;
	height: 600px;
	float: left;
}

}