@media only screen and (max-width: 768px) {
	.navbar-brand img {
		height: 45px;
	}

	.login-logo {
		width: 100%;
		clear: both;
		text-align: center;
		padding: 30px 0px 30px 0px;
	}

	.auth-container {
		clear: both;
		background-color: #FFF;
		border-radius: 16px;
		width: 95%;
		margin: 0px auto;
		padding: 20px;
		box-shadow: 0 0 15px 2px hsla(0, 0%, 69.4%, .17);
		border: 1px solid #f5f5f5;
		margin-bottom: 50px;
	}

	#header {
		padding: 0px 0px;
	}

	#body-section {
		padding: 50px 0px;
	}

	.status-ctnr {
		display: none;
	}

	/*.logout-btn
{
	display:none;
	margin: 25px 0px 20px 0px;
}*/
	.logout-mobile {
		display: inline;
	}

	.logo {
		padding: 10px 0px 10px 0px;
	}

	.graph-info {
		width: 100%;
		margin: 40px 0px 0px 0px;
	}

	.graph-info li {
		list-style-type: none;
		float: none;
		text-transform: uppercase;
		letter-spacing: 1px;
		padding: 0px 50px 20px 5px;

	}

	.graph-ctnr img {
		width: 100%;
		height: auto;
	}

	.pagination-btn {
		display: none;
	}

	.rightsideBG {
		width: 100%;
		clear: both;
		margin-top: 50px;
	}

	.main-c {
		width: 100%;
		clear: both;
	}

	.table-report {
		width: 100%;
		border: #cbd9da solid 1px;
		border-radius: 10px;
		margin: 0px 0px;
	}
}