@media(max-width:768px){
    .msg-div{width:300px;}
	.header{
		height:100px;
	}
	.brand{
		width:100%;
		position:fixed;
		top:0;
		left:0;
		text-align:center;
		border-bottom:solid white 2px;
		z-index:5;
	}
	.brand h3{
		color:white;
		margin:0;
	}
	.brand img{margin:10px 10px 5px 20px;}
	.brand i{display:block;}
	nav{width:100%; position:fixed; top:50px; left:0; display:none;}
	nav ul li{font-size:1.3rem; padding:5px 20px;}
	
	.notification{width:75%; border-bottom:solid white 2px; margin-top:50px;}
	.user-div{
		width:25%;
		border-bottom:solid white 2px;
		margin-top:50px;
	}
	
	.outr{
		top:95px;
	}
	.innr{
		top:8px;
	}
	
	#user-details{
		top:110px;
	}
	.submenu ul li a{font-size:1rem; padding-left:10px;}
	
	
	.nav, .content{
		width:100%;
		height:auto;
	}
	
	.head{
		width:100%;
		min-height:100px;
		float:left;
	}
	.title{
		width:100%;
		border-bottom:solid gray 1px;
	}
	.msg{
		width:100%;
		padding:0px 15px;
	}
	.display{
		width:95%;
		background:pink;
	}
	.content{
	border-left:none;
    }
}
