@media all and (min-width:980px)
{
.custom-bar-chart {
	margin-bottom: 40px;
}
}
@media all and (max-width:979px)
{
.navbar-collapse {
	width: 100%;
}
.in.navbar-collapse {
	width: 100%;
}
.mega-menu ul li a {
	width: 100%;
}
.mega-menu .navbar-nav {
	height: 100%;
}
.mega-bg {
	position: relative;
}
.mail-box .sm-side {
	width: 30%;
}
.mail-box .lg-side {
	width: 70%;
}
.custom-bar-chart {
	margin-bottom: 40px;
}
.chat-room aside {
	display: block;
}
.chat-room .left-side {
	width: 100%;
}
.chat-room .mid-side {
	width: 100%;
}
.chat-room .right-side {
	width: 100%;
}
.chat-room .left-side footer {
	width: 100%;
}
.chat-room .left-side footer {
	position: relative;
}
ul.chat-user {
	margin-bottom: 20px;
}
.chat-room .left-side {
	margin-bottom: 10px;
}
.chat-room .mid-side {
	margin-bottom: 10px;
}
.chat-room .left-side .user-head {
	border-radius: 4px 4px 0px 0px; -webit-border-radius: 4px 4px 0 0;
}
.chat-room-head {
	border-radius: 4px 4px 0px 0px; -webit-border-radius: 4px 4px 0 0;
}
.chat-room .right-side .user-head {
	border-radius: 4px 4px 0px 0px; -webit-border-radius: 4px 4px 0 0;
}
.chat-room .left-side footer {
	border-radius: 0px 0px 4px 4px; -webkit-border-radius: 0 0 4px 4px;
}
.chat-room .right-side .user-head {
	width: 100%; float: left;
}
.chat-room .mid-side footer {
	width: 100%; border-right-color: currentColor; border-right-width: 0px; border-right-style: none; float: left; position: relative;
}
.chat-txt {
	width: 65%;
}
.chat-room .right-side footer {
	width: 100%; position: relative;
}
.chat-room .mid-side {
	margin-bottom: 0px !important;
}
}
@media all and (max-width:768px)
{
.header {
	position: absolute;
}
#sidebar {
	display: none;
}
.sidebar-close #sidebar {
	width: 100%; height: auto; display: block; position: absolute; z-index: 1001; -ms-overflow-y: auto;
}
#main-content {
	margin: 0px !important;
}
#sidebar > ul > li > a > span {
	line-height: 35px;
}
#sidebar > ul > li {
	margin: 0px 10px 5px;
}
#sidebar > ul > li > a {
	padding: 0px 10px; height: 35px; text-align: left; line-height: 35px;
}
#sidebar > ul > li > a i {
	
}
.mail-info {
	display: none !important;
}
.mail-info:hover {
	display: none !important;
}
#sidebar ul > li > a .arrow {
	margin-top: 15px; margin-right: 10px;
}
#sidebar > ul > li > a .open.arrow {
	margin-top: 15px; margin-right: 10px;
}
#sidebar ul > li.active > a .arrow {
	margin-top: 15px;
}
#sidebar ul > li > a:hover .arrow {
	margin-top: 15px;
}
#sidebar ul > li > a:focus .arrow {
	margin-top: 15px;
}
#sidebar > ul > li.active > a .open.arrow {
	margin-top: 15px;
}
#sidebar > ul > li > a:hover .open.arrow {
	margin-top: 15px;
}
#sidebar > ul > li > a:focus .open.arrow {
	margin-top: 15px;
}
#sidebar > ul > li > a {
	width: 100%;
}
#sidebar > ul > li > ul.sub > li {
	width: 100%;
}
#sidebar > ul > li > ul.sub > li > a {
	background: none !important;
}
#sidebar > ul > li > ul.sub > li > a:hover {
	
}
#sidebar {
	margin: 0px !important;
}
#sidebar .collapsed.btn-navbar .arrow {
	display: none;
}
#sidebar .btn-navbar .arrow {
	top: 48px; width: 0px; height: 0px; right: 35px; border-right-color: transparent; border-bottom-color: rgb(40, 46, 54); border-left-color: transparent; border-right-width: 15px; border-bottom-width: 15px; border-left-width: 15px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; position: absolute;
}
.modal-footer .btn {
	margin-bottom: 0px !important;
}
.btn {
	margin-bottom: 5px;
}
.mail-box aside {
	display: block;
}
.mail-box .sm-side {
	width: 100%;
}
.mail-box .lg-side {
	width: 100%;
}
.fc-header-right {
	left: 25px; position: absolute;
}
.fc-header-left .fc-button {
	margin: 0px !important; top: -10px !important;
}
.fc-header-right .fc-button {
	margin: 0px !important; top: -50px !important;
}
.fc-state-active {
	background: none !important; color: rgb(255, 255, 255) !important;
}
.fc-state-active .fc-button-inner {
	background: none !important; color: rgb(255, 255, 255) !important;
}
.fc-state-hover {
	background: none !important; color: rgb(255, 255, 255) !important;
}
.fc-state-hover .fc-button-inner {
	background: none !important; color: rgb(255, 255, 255) !important;
}
.fc-state-default {
	background: none !important;
}
.fc-state-default .fc-button-inner {
	background: none !important;
}
.fc-button {
	border: currentColor !important; border-image: none !important; margin-right: 2px;
}
.fc-view {
	top: 0px !important;
}
.fc-button .fc-button-inner {
	margin: 0px 2px 0px 0px !important; padding: 2px !important; border-radius: 3px !important; border: 1px solid rgb(221, 221, 221) !important; border-image: none !important; text-align: center; color: rgb(100, 100, 100) !important; box-shadow: 0px 1px 0px rgba(255,255,255,0.8) !important; text-shadow: 0px 1px 0px rgba(255,255,255,0.6) !important; background-image: linear-gradient(rgb(250, 250, 250), rgb(239, 239, 239)) !important; background-color: rgb(250, 250, 250) !important; -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, .8); -webkit-border-radius: 3px; -moz-border-radius: 3px; -moz-box-shadow: 0 1px 0px rgba(255, 255, 255, .8);
}
.fc-state-disabled.fc-button .fc-button-inner {
	color: rgb(188, 187, 187) !important;
}
.fc-state-active.fc-button .fc-button-inner {
	background-image: linear-gradient(rgb(229, 228, 228), rgb(221, 220, 220)) !important; background-color: rgb(229, 228, 228) !important;
}
.fc-content {
	margin-top: 50px;
}
.fc-header-title h2 {
	line-height: 40px !important; font-size: 12px !important;
}
.fc-header {
	margin-bottom: 0px !important;
}
.timeline-desk .album a {
	margin-right: 4px; margin-bottom: 5px;
}
.stepy-titles li {
	margin: 10px 3px;
}
.mail-option .btn {
	margin-bottom: 0px;
}
.boxed-page .container #sidebar {
	position: absolute;
}
.full-width .navbar-toggle {
	border: 1px solid rgb(234, 234, 234); border-image: none;
}
.full-width .navbar-toggle .icon-bar {
	background: rgb(199, 199, 199);
}
.full-width .navbar-toggle {
	margin-top: 12px; float: left;
}
.horizontal-menu {
	width: 70%; margin-top: 10px; margin-left: 0px; float: left;
}
.top-nav {
	top: 0px; right: 10px; position: absolute;
}
.horizontal-menu .navbar-nav > li > a {
	padding-top: 10px; padding-bottom: 10px;
}
.custom-bar-chart {
	margin-bottom: 40px;
}
.dcjq-icon {
	top: 10px;
}
ul.sidebar-menu li ul.sub li a {
	padding: 0px;
}
.img-responsive {
	width: 100%;
}
}
@media all and (max-width:480px)
{
.navbar-collapse {
	width: 100%;
}
.in.navbar-collapse {
	width: 100%;
}
.mega-menu ul li a {
	width: 100%;
}
.mega-menu .navbar-nav {
	height: 100%;
}
.mega-bg {
	position: relative;
}
.notify-row {
	display: none;
}
.search {
	display: none;
}
.dont-show {
	display: none;
}
.inbox-head .sr-input {
	display: none;
}
.inbox-head .sr-btn {
	display: none;
}
.mail-box aside {
	display: block;
}
.mail-box .sm-side {
	width: 100%;
}
.mail-box .lg-side {
	width: 100%;
}
#top_menu .nav > li {
	float: right;
}
ul.top-menu > li {
	float: right;
}
.hidden-phone {
	display: none !important;
}
.dataTables_filter {
	float: left;
}
.dataTables_info {
	margin-bottom: 10px;
}
.mail-option .btn {
	margin-bottom: 0px;
}
.mail-option .inbox-pagination {
	margin-top: 10px; float: left;
}
.chart-position {
	margin-top: 0px;
}
.full-width .navbar-toggle {
	border: 1px solid rgb(234, 234, 234); border-image: none;
}
.full-width .navbar-toggle .icon-bar {
	background: rgb(199, 199, 199);
}
.full-width .navbar-toggle {
	margin-top: 12px; float: left;
}
.horizontal-menu {
	width: 100%; margin-left: 0px; float: left;
}
.top-nav {
	top: 0px; right: 10px; position: absolute;
}
.horizontal-menu .navbar-nav > li > a {
	padding-top: 10px; padding-bottom: 10px;
}
.ms-container {
	width: 100%;
}
.cmt-form {
	width: 84%; display: inline-block;
}
.navbar-inverse .navbar-toggle:hover {
	border-color: rgb(204, 204, 204); background-color: rgb(204, 204, 204);
}
.navbar-inverse .navbar-toggle:focus {
	border-color: rgb(204, 204, 204); background-color: rgb(204, 204, 204);
}
.chat-room aside {
	display: block;
}
.chat-room .left-side {
	width: 100%;
}
.chat-room .mid-side {
	width: 100%;
}
.chat-room .right-side {
	width: 100%;
}
.chat-room .left-side footer {
	width: 100%;
}
.chat-room .left-side footer {
	position: relative;
}
ul.chat-user {
	margin-bottom: 20px;
}
.chat-room .left-side {
	margin-bottom: 10px;
}
.chat-room .mid-side {
	margin-bottom: 10px;
}
.chat-room .left-side .user-head {
	border-radius: 4px 4px 0px 0px; -webit-border-radius: 4px 4px 0 0;
}
.chat-room-head {
	border-radius: 4px 4px 0px 0px; -webit-border-radius: 4px 4px 0 0;
}
.chat-room .right-side .user-head {
	border-radius: 4px 4px 0px 0px; -webit-border-radius: 4px 4px 0 0;
}
.chat-room .left-side footer {
	border-radius: 0px 0px 4px 4px; -webkit-border-radius: 0 0 4px 4px;
}
.chat-room .right-side .user-head {
	width: 100%; float: left;
}
.chat-room .mid-side footer {
	width: 100%; border-right-color: currentColor; border-right-width: 0px; border-right-style: none; float: left; position: relative;
}
.chat-txt {
	width: 65%;
}
.chat-room .right-side footer {
	width: 100%; position: relative;
}
.chat-room .mid-side {
	margin-bottom: 0px !important;
}
}
@media all and (max-width:320px)
{
.login-social-link a {
	padding: 15px 17px !important;
}
.notify-row {
	display: none;
}
.search {
	display: none;
}
.dont-show {
	display: none;
}
.inbox-head .sr-input {
	display: none;
}
.inbox-head .sr-btn {
	display: none;
}
.mail-box aside {
	display: block;
}
.mail-box .sm-side {
	width: 100%;
}
.mail-box .lg-side {
	width: 100%;
}
#top_menu .nav > li {
	float: right;
}
ul.top-menu > li {
	float: right;
}
.hidden-phone {
	display: none !important;
}
.dataTables_filter {
	float: left;
}
.dataTables_info {
	margin-bottom: 10px;
}
.mail-option .btn {
	margin-bottom: 0px;
}
.mail-option .inbox-pagination {
	margin-top: 10px; float: left;
}
.chart-position {
	margin-top: 0px;
}
.lock-wrapper {
	margin: 10% auto; max-width: 310px;
}
.lock-input {
	width: 82%;
}
.cmt-form {
	width: 75%; display: inline-block;
}
.chat-room .mid-side footer .btn-group {
	display: none;
}
.stepy-titles li.current-step div {
	width: 70px; height: 70px; line-height: 70px;
}
.stepy-titles li div {
	width: 70px; height: 70px; line-height: 70px;
}
}
