@charset "ISO-8859-1";
* {box-sizing: border-box;}

body { 
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}
.show {display:block;}
.nptopsection{
	background-image : url("C:/Users/Rakesh/Downloads/campus.jpg");
	background-repeat :no-repeat;
	background-size:cover;
	height : 700px;
}
.npnav{
    overflow: hidden;
    background-color: rgba(0,0,0,0.3);
    padding: 35px 10px;
    transition: 0.4s;
    position: fixed;
    width: 100%;
	top :0px;
}

.npnav a{
    float: left;
    color: white;
    text-align: center;
    padding:15px;
    text-decoration: none;
    font-size: 18px; 
    line-height: 25px;
    border-radius: 4px;
}
.dropdown{
    float: left;
    color: white;
    text-align: center;
    padding:15px;
    text-decoration: none;
    font-size: 18px; 
    line-height: 25px;
    border-radius: 4px;
}
.npnavmenu{
	float : right;
}
.npnav a:hover {
  background-color: #ddd;
  color: black;
  text-decoration:none;
}
.headerstyle1{
	overflow:hidden;
	text-align:center;
	width:100%;
	font-family: sans-serif;
	font-type:bold;
	font-size:54px;
	color:white;
}
.headerstyle2{
	text-align:center;
	width:100%;
	font-family: sans-serif;
	font-type:bold;
	font-size:30px;
	color:white;
}

.headerstyle3{
	font-family: sans-serif;
	font-type:bold;
	font-size:40px;
	color:white;
}
.nptable{
	width:55%;
	height:55px;
	background-color:black;
	color:white;
}
 .carousel-cell{
	   display:block;
	   margin-right : 10px;
	   border-radius:5px;
	   color :white;
	   counter-increment :carousel-cell;
	 }
	 .npvline{
		 width:1px;
		 height:50px;
		 background-color:white;
	 }
	  .npvline1{
		 width:1px;
		 height:100px;
		 background-color:white;
	 }
/*for Mobile landscape*/
@media screen and (max-width: 900px) {
	.npnavmenu{
		display:none;
	}
	.npvline{
		 height:30px;
	 }
	  .npvline1{
		 height:60px;
	 }
	.nptable{
		width:90%;
	}
	.headerstyle1{
		font-size:40px;
	}
	.headerstyle2,{
		font-size:25px;
	}
	.headerstyle3{
		font-size:25px;
	}
	.nptopsection{
		height:600px;
	}
}
/*for mobile*/
@media screen and (max-width: 480px) {

	.npnavmenu{
		display:none;
	}
	.npvline{
		 height:30px;
	 }
	  .npvline1{
		 height:60px;
	 }
	.nptable{
		width:90%;
	}
	.headerstyle1{
		font-size:40px;
	}
	.headerstyle2{
		font-size:25px;
	}
	.nptopsection{
		height:600px;
	}
   .headerstyle3{
		font-size:25px;
	}
}