@media (max-width: 1366px) {
	#sidebar a.tab-button {
		padding: 10px 8px 10px 8px !important;
	}

	#sidebar a.tab-button + a {
		margin-right: 25px;
	}

	#sidebar, #sidebar > ul {
		width: 160px;
	}

	#sidebar > ul > li > a {
		padding-left: 30px;
	}

	#sidebar > ul > li > a > i {
		left: 8px;
	}

	#sidebar > ul ul li a {
		padding-left: 8px;
		font-size: 12px;
	}

	#content {
		margin-left: 160px;
	}

	.container-fluid {
		padding: 0 10px;
	}

	table.two_panel_layout td.left,
	table.two_panel_layout td.left > * {
		width: 180px;
	}
}

/* tablet */
@media (min-width: 768px) and (max-width: 979px) {

}

/* tablet and phone */
@media (max-width: 979px) {
	#header {
		position: fixed;
		z-index: 100;
	}

	body > .wrapper {
		padding-top: 41px;
	}

	#sidebar {
		display: none;
		position: fixed;
		top: 41px;
		bottom: 0px;
		left: 0;
		width: 250px;
		background: #444;
		overflow-y: auto;
		z-index: 100;
	}

	#sidebar > ul {
		width: 100%;
	}

	#sidebar a.tab-button {
		padding: 10px 15px !important;
	}

	#sidebar > ul > li > a {
		padding-left: 42px;
	}

	#sidebar > ul > li > a > i {
		left: 15px;
	}

	#sidebar > ul ul li a {
		padding-left: 42px !important;
	}

	#content {
		margin-left: 0;
	}

	.display-sidebar {
		overflow: hidden;
	}

	.display-sidebar #sidebar {
		display: block;
	}
}

/* phone */
@media (max-width: 767px) {

	body {
		max-width: inherit;
		padding: 0;
	}

	#login-page #content {
		width: auto;
		padding: 0 20px;
		margin: 20px auto;

	}

	#user-nav {
		margin-right: 0;
	}

	#user-nav > ul > li > a {
		padding: 0 14px;
	}

	#user-nav > ul > li > a span {
		display: none;
	}

	#sidebar {
		width: 100%;
	}

	#content-header {
		height: 50px;
	}

	#breadcrumb {
		padding-left: 0;
	}

	#content-header h1, #content-header .btn-group {
		margin: 5px 8px 0;
		font-size: 22px;
	}

	#content-header h1 .label {
		white-space: normal;
	}

	.help-sidebar {
		padding: 0 15px;
	}

	div.form400, div.form500, div.form700, div.form800 {
		width: 100% !important;
	}

	div.form .tab-content {
		padding: 10px !important;
	}

	div.form ul.form-elements li.left,
	div.form ul.form-elements li.right {
		float: none !important;
		width: 100% !important;
	}

	.pagination {
		margin: 16px 8px !important;
	}

	.popup-target {
		width: 100%;
		max-height: 100%;
	}

	.settings.actions-list {
		text-align: center;
		-webkit-column-count: 2;
		-webkit-column-gap: 0;
		-moz-column-count: 2;
		-moz-column-gap: 0;
		column-count: 2;
		column-gap: 0;
	}

	.settings.actions-list > li {
		margin-bottom: 10px;
	}

	.control-panel .btn {
		margin-bottom: 0;
	}

	#image-insert-popup .image-insert-form .pull-left,
	#image-insert-popup .image-insert-form .pull-right {
		float: none;
		width: 100%;
	}

	#image-insert-popup .image-insert-form .pull-left::after {
		display: block;
		content: '';
		margin-bottom: 8px;
		clear:both;
	}
}