@media  (max-width: 1400px) { 
	
	
}
@media  (max-width: 1200px) { 
	
	
}
@media  (max-width: 1000px) { 
	
	
}

@media  (max-width: 900px) {
	
}

@media  (max-width: 650px) { 
	
	
	
}

@media  (max-width: 600px) { 
	.calenderdiv{
		width:20%;
		background-color:#ddbc03;
		}
		
	
}

@media  (max-width: 500px) {
	.logoimage{width:90%;}
	.divpage{width:100%;}
	.headerimage{
		width:120%;
	}
	.divheaderimage{
		height:50px;
	
}
	.divchaptername{
		font-size:2em;
	}
	.hamburgerdiv{
		width:15%;
		padding:2px 0 0px 15px;
	}
	.menupopup{
		width:60%;
		left:5%;
		
	}
	.calendardiv{
		width:100%;
		background-color:#ffffff;
	}
	.calendarpopup{
		background-color:#ddbc03;
	}
	.testdiv{
		background-color:green;
	}

}