@media only screen and (max-width:500px) {
	.notifimgdiv { width:100%; }
  	.empnotifboximg, .empnotificon, .empmainapproverpic {
  		width: 25%;
  		margin-left: auto;
  		margin-right: auto;
  		display: block;
  		margin-bottom: 10px;
  	}
  	.info-box { height: auto; }
  	.divbuttonmob { display: block; margin-left: auto; margin-right: auto; }
  	.divbuttonwide { display: none; }
}

@media only screen and (min-width:768px) {
	.empnotifboximg, .empmainapproverpic {  width:50px; height:50px; margin-left:5px; margin-top:15px; }
	.info-box { height: auto; }
	.divbuttonmob { display: none; }
	.divbuttonwide { display: block; }
}

@media only screen and (max-width:768px) {
	.info-box { height: auto; max-height: 500px; }
	.divbuttonmob { display: block; }
	.divbuttonwide { display: none; }
	/*.notifimgdiv { width: 150px; background: black; }
	.empnotifboximg { width: 100%; }*/
}

@media only screen and (max-width:990px) {
	.empnotifboximg, .empnotificon, .empmainapproverpic {
		width: 15%;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
	}
	.leavenotifbox, .loannotifbox, .obnotifbox, .otnotifbox, .projactnotifbox { height: auto; }
	.notifcontentdiv { width: 100%; float: left; }
	.notifimgdiv { width: 100%; float: left;}
	.approverslistbox, .upcomingbox { height: auto; }
}

@media only screen and (min-width:991px) {
	.leavenotifbox { height:500px; }
}