/* <style> */
	/* Media Queries: Tablet Landscape */
	@media screen and (max-width: 1060px) {
		#primary { width:67%; }
		#secondary { width:30%; margin-left:3%;}  
	}

	/* Media Queries: Tabled Portrait */
	@media screen and (max-width: 768px) {
		#primary { width:100%; }
		#secondary { width:100%; margin:0; border:none; }
	}
	@media screen and (max-width: 1920px) {
		#newscard{
			margin-left: 80px;
		}
	}
	@media screen and (max-width: 750px) {
		
		#navimg{
			width: 200px;
			margin-top: 15px;
		}
		#navimg2{
			width: 40px;
			margin-top: 15px;
		}
		
		#bannermain{
			margin-top: 55px;
		}
		#abtbanner{
			margin-top: 55px;
		}
		#Contbanner{
			margin-top: 55px;
		}
		#newsbanner{
			margin-top: 55px;
		}
		
		#cpcintro #cpc{
			font-size: 21px;
			text-align: left;
		}
		#cpcintro p{
			font-size: 13px;
		}
		#cpcintro b{
			font-size: 12px;
		}
		#operation #title{
			font-size: 45px;
		}
		#operation h2{
			font-size: 20px;
		}
		#operation #operationEssay{
			font-size: 10px;
		}
		#operation img{
			width: 100px;
		}
		#operation #ourm{
			font-size: 45px;
		}
		#operation #ourv{
			font-size: 45px;
		}
		#operation #MissionStmnt{
			font-size: 13px;
		}
		#operation #VisionStmnt{
			font-size: 13px;
		}
		#operation #operationEssay{
			font-size:13px;
		}
		#newscrd{
			font-size: 13px;
		}
		#newscrd h4{
			font-size: 12px;
			font-weight: bold;
		}
		#newscrd b {
			font-size: 23px;
		}
		#indexnewscrd #newtitle {
			font-size: 35px;
		}
	    #indexnewscrd #id01 #titles {
			font-size: 17px;
		}
		#indexnewscrd #id02 #titles {
			font-size: 17px;
		}
		#indexnewscrd #id03 #titles {
			font-size: 17px;
		}
		#indexnewscrd #id04 #titles {
			font-size: 17px;
		}
		#viewall{
			font-size: 13px;
		}
		#news #cpc{
			font-size: 33px;
		}
		#Contact #opttitle{
			font-size: 33px;
		}
		#Contact #contdetails p{
			font-size: 13px;
		}
		#fb{
			padding: 8px;
			  font-size: 10px;
			  width: 20px;
			  text-align: right;
			  text-decoration: none;
			  background: #3B5998;
			  color: white;
		}
		#newsandawe #newstitle{
			font-size: 35px;
		}
		#newsandawe #newstitles{
			font-size: 35px;
		}
		#newscrd h4{
			font-size: 15px;
		}
		#newscrd #id01 #titles{
			font-size: 17px;
		}
		#newscrd #id02 #titles{
			font-size: 17px;
		}
		#newscrd #id03 #titles{
			font-size: 17px;
		}
		#newscrd #id04 #titles{
			font-size: 17px;
		}
		#newscrd #id05 #titles{
			font-size: 17px;
		}
		#newscrd #id06 #titles{
			font-size: 17px;
		}
		#newscrd #id07 #titles{
			font-size: 17px;
		}
		#newscrd #id08 #titles{
			font-size: 17px;
		}
		#newscrd #id09 #titles{
			font-size: 17px;
		}
		#newscrd #id10 #titles{
			font-size: 17px;
		}
		#newscrd #id11 #titles{
			font-size: 17px;
		}
		#newscrd #id12 #titles{
			font-size: 17px;
		}
		#newscrd #id13 #titles{
			font-size: 17px;
		}
		#newscrd #id14 #titles{
			font-size: 17px;
		}
		#newscrd #id15 #titles{
			font-size: 17px;
		}
		#newscrd #id16 #titles{
			font-size: 17px;
		}
		#newscrd .w3-modal-content{
		margin: 20px;
		margin-bottom: 90px;
		}
		#environmental #statement{
		  padding: 20px;
		}
		#environmental #statement #policy{
		  font-size: 30px;
		}

	}
	
	.mySlides {display: none}
	
	.fa:hover {
		opacity: 0.7;
		text-decoration: none;

	}
	footer{
		padding: 50px;
	
	}
	
	#navDemo a:hover{
		text-decoration:none;
	}
	#more {display: none;}
	#abt p{
    font-size: 17px;
	color: black;
	
	}
	#cpc{
		font-size: 60px;
		color: #001b5e;
		font-weight: bold;
		}
	#cpctitle{
		font-size: 50px;
		color: #010048;
		font-weight: bold;
		}
	#more {display: none;}
	#more1 {display: none;}
	#more2 {display: none;}
	#news b{
		font-size:50px;
	}
	#VisionStmnt{
		font-size: 15px;
		text-align: center;
	}
	#MissionStmnt{
		font-size: 15px;
		text-align: center;
	
	}
	#punc{
		font-size: 50px;
		color: #010048;
	}
	#punc2{
		font-size: 50px;
		color: #010048;
	}
	#ourv{
		
		margin-top: 50px;
	}
	#misvis h1{
		font-size: 40px;
		font-weight: bold;
		color: #010048;
	}
	#operation h1{
		font-size: 50px;
		font-weight: bold;
		color: #010048;
	}
	
	#operation h2{
		color: #010048;
		font-weight: bold;
	}
	#operation h3{
		color: #010048;
		font-weight: bold;
	}
	#operation p{
		
		text-align: left;
		font-size: 15px;
		color: black;
	}
	
	i{
		padding-right:15px;
	}
	#newscrd a{
		text-decoration:none;
		color:black;
	}
	.w3-modal-content img{
		margin-bottom: 40px;
	}
	#newscrd #titles{
		color: #010048;
		font-size: 30px;
		text-align: center;
		font-weight: bold;
	}
	#indexnewscrd #titles{
		color: #010048;
		font-size: 30px;
		text-align: center;
		font-weight: bold;
	}
	#indexnewscrd h3{
		color: #010048;
		font-size: 70px;
		text-align: center;
		font-weight: bold;
	}
	#myBtn {
	  display: none;
	  position: fixed;
	  bottom: 20px;
	  right: 30px;
	  z-index: 99;
	  font-size: 18px;
	  border: none;
	  outline: none;
	  background-color: #010048;
	  color: white;
	  cursor: pointer;
	  padding: 15px;
	  border-radius: 4px;
	}
	
	#myBtn:hover {
	  background-color: #555;
	}
	#newsandawe h3 {
		font-size: 70px;
		color: #010048;
		font-weight:bold;
	}
	#articles h3 {
		font-size: 70px;
		color: #010048;
	}
	#articles h1 {
		font-weight: bold;
		color: black;
	}
	#articles b{
		font-size: 20px;
		color: black;
	}
	#articles p {
		
		color: black;
	}
	#articles {
		margin-bottom: 50px;
	}
	
	#drpbtn a:hover {
	  text-decoration: none;
	}
	
	#modbtn{
	  background-color: white; 
	  border: none;
	}
	#modbtn h4{
	  color: #010048;
	}
	
	#id01 p{
	  text-align: left;
	}
	#id02 p{
	  text-align: left;
	}
	#id03 p{
	  text-align: left;
	}
	#id04 p{
	  text-align: left;
	}
	#id05 p{
	  text-align: left;
	}
	#id06 p{
	  text-align: left;
	}
	#id07 p{
	  text-align: left;
	}
	#id08 p{
	  text-align: left;
	}
	#id08 h4{
	  text-align: left;
	}
	#id09 p{
	  text-align: left;
	}
	#id10 p{
	  text-align: left;
	}
	#id11 p{
	  text-align: left;
	}
	#id12 p{
	  text-align: left;
	}
	#id13 p{
	  text-align: left;
	}
	#id14 p{
	  text-align: left;
	}
	#id15 p{
	  text-align: left;
	}
	#id16 p{
	  text-align: left;
	}
    #id17 p{
	  text-align: left;
	}
	#id18 p{
	  text-align: left;
	}
	#id19 p{
	  text-align: left;
	}
	#id20 p{
	  text-align: left;
	}
	#id21 p{
	  text-align: left;
	}
    #id22 p{
	  text-align: left;
	}
    #id23 p{
	  text-align: left;
	}
    #id24 p{
	  text-align: left;
	}
    #id25 p{
	  text-align: left;
	}
    #id26 p{
	  text-align: left;
	}
    #id27 p{
	  text-align: left;
	}
	#id28 p{
	  text-align: left;
	}
    #id29 p{
	  text-align: left;
	}
    #id30 p{
	  text-align: left;
	}
    #id31 p{
	  text-align: left;
	}
    #id32 p{
	  text-align: left;
	}
	#id33 p{
	  text-align: left;
	}
    #id34 p{
	  text-align: left;
	
	}
	#id35 p{
	  text-align: left;
	
	}
	#id36 p{
	  text-align: left;
	
	}
	#id37 p{
	  text-align: left;
	
	}
	#id38 p{
	  text-align: left;
	}
	#id39 p{
		text-align: left;
	}
	#id40 p{
		text-align: left;
	}
	
	#id41 p{
		text-align: left;
	}
	#id42 p{
		text-align: left;
	}
	#id43 p{
		text-align: left;
	}
	
	#id44 p{
		text-align: left;
	}

	#id45 p{
		text-align: left;
	}
	#id46 p{
		text-align: left;
	}
	#id47 p{
		text-align: left;
	}
	#id48 p{
		text-align: left;
	}
	#id49 p{
		text-align: left;
	}
	#id50 p{
		text-align: left;
	}
	

	#id08 h4{
	  text-align: left;
	}
	#id12 h4{
	  text-align: left;
	}
	#id15 h4{
	  text-align: left;
	}
    #id18 h4{
	  text-align: left;
	}
    #id23 h4{
	  text-align: left;
	}
	#id40 h4{
		text-align: left;
	}
	#id43 h4{
		text-align: left;
	}
	#id44 h4{
		text-align: left;
	}
	#id45 h4{
		text-align: left;
	}
	#id46 h4{
		text-align: left;
	}
	#id47 h4{
		text-align: left;
	}
	#id48 h4{
		text-align: left;
	}
	#id49 h4{
		text-align: left;
	}
	#id50 h4{
		text-align: left;
	}
	#id51 h4{
		text-align: left;
	}
	#id52 h4{
		text-align: left;
	}
	#id53 h4{
		text-align: left;
	}
	#id54 h4{
		text-align: left;
	}
	#id55 h4{
		text-align: left;
	}
	#id56 h4{
		text-align: left;
	}
	#id57 h4{
		text-align: left;
	}

	
	#viewall a{
		background-color: #010048;
	}
	#Contact h3{
		font-size: 38px;
		font-weight: bold;
		color: #010048;
	}
	#contdetails h4{
		font-size: 20px;
		font-weight: bold;
		color: #010048;
	}
	#contdetails p{
		font-size: 19px;
		
		
	}
	#contdetails i{
		color: #010048;
	}
	#contdetails b{
		padding-left: 5px;
	}
	#Contact img{
		border: 5px solid lightgray;
	}
	#fb{
	  padding: 10px;
	  font-size: 20px;
	  width: 40px;
	  text-align: right;
	  text-decoration: none;
	  background: #3B5998;
	  color: white;
	}
	#cpciso a:hover{
		text-decoration:none;
	}
	
	.w3-modal-content
	{
		margin-bottom:70px;
	}
	#myCarousel1{
		margin-bottom: 35px;
		width: 100%;
	}
	#myCarousel1 img{
		margin-bottom: 0px;
		
	}
	#environmental{
		background-color: #001b5e;
	}
	#environmental #statement h1{
		color: white;
		font-size: 40px;
		text-align: center;
		font-weight: bold;
		}
	#environmental #statement{
		
		color: white;		
		margin:auto;
		max-width: 900px;
	}
	#newscrd ul li{
			font-weight: bold;
	}

header {
  position: relative;
  background-color: black;
  height: 90vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: 90%;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;
    margin: auto;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
 
  z-index: 1;
}

/* Media Query for devices withi coarse pointers and no hover functionality */

/* This will use a fallback image instead of a video for devices that commonly do not support the HTML5 video element */

@media (pointer: coarse) and (hover: none) {
    header {
      position: relative;
      
      height: 100%;
      min-height: 20rem;
      width: 100%;
      overflow: hidden;
    }
}
/* </style> */