/*	Media 768Px Start */
@media (min-width: 768px) and (max-width: 990px) {
	.sidebar-wrap { z-index: 2; left: -100%; box-shadow: none;overflow: auto; width: 300px; padding-top: 60px;}
	.sidebar-wrap.active { left: 0px; }
	.inbox-header { padding: 5px 0px; }
	.inbox-header .col-md-6 { width: 50%; float: left; }
	.notification { padding: 3px 10px 0px; }
	.menu-open {display: inline-block;position: absolute;left: 12px;top: 12px;z-index: 9;font-size: 17px;background: #fff;font-weight: bold;padding: 4px 13px 6px;border-radius: 4px;box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
	.menu-open.active { left: 16px; top: 10px; position: fixed; box-shadow: none;}
	.menu-open.active i:before { content: '\f00d' }
	.sidebar-wrap ~ .contect-msg-wrapper {
		float: left;
		width: 100%;
		padding: 60px 0px 0px;
	}
	.chat-box { margin: 0px 0px 8px;}
	.error-msg-wrap h2 i { font-size: 22px; }
	.error-msg-wrap h2 { font-size: 15px; }
	.message-list { max-height: 700px; }

}

/* Media 420Px Start */
@media (max-width: 767px) {
	.sidebar-wrap { z-index: 2; left: -100%; box-shadow: none;overflow: auto; width: 300px; padding-top: 60px;}
	.sidebar-wrap.active { left: 0px; }
	.inbox-header { padding: 5px 0px; }
	.inbox-header .col-md-6 { width: 50%; float: left; }
	.notification { padding: 3px 10px 0px; }
	.menu-open {display: inline-block;position: absolute;left: 12px;top: 12px;z-index: 9;font-size: 17px;background: #fff;font-weight: bold;padding: 4px 13px 6px;border-radius: 4px;box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
	.menu-open.active { left: 16px; top: 10px; position: fixed; box-shadow: none;}
	.menu-open.active i:before { content: '\f00d' }
	.sidebar-wrap ~ .contect-msg-wrapper {
		float: left;
		width: 100%;
		padding: 60px 0px 0px;
	}
	.chat-box { margin: 0px 0px 8px; max-height: 370px; }
	.error-msg-wrap h2 i { font-size: 22px; }
	.error-msg-wrap h2 { font-size: 15px; }
	.message-list { max-height: 400px; }

}

/* Media 300Px Start */
@media (max-width: 480px) {
	
}

/* Media 940Px Start */
@media screen and (min-width: 991px) and (max-width: 1054px) {

}

@media screen and (min-width: 1200px) and (max-width: 1500px) {
	.chat-box {
		max-height: 386px;
    	min-height: 386px;
	}
}

/* Media 300Px Start */
@media (max-width: 1400px) {
	.message-list { max-height: 440px; }
}