/**
 * Desktops and Laptops
 */
@media only screen and (min-width: 1440px) {
	:root {
		--mw: 1440;
	}

	.file-tree #featured {
		display: none;
	}

	.file-tree #latest {
		display: none;
	}

	.file-tree #bookmarked {
		display: none;
	}
}

/**
 * Tablets & Small Laptops
 */
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
	:root {
		--mw: 1024;
	}

	.file-tree #featured {
		display: none;
	}

	.file-tree #latest {
		display: none;
	}

	.file-tree #bookmarked {
		display: none;
	}
}

/**
 * Tablets & Large Phones
 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	:root {
		--mw: 768;
	}

	body header .logo {
		height: 40px;
		width: 40px;
		overflow: hidden;
		flex-shrink: 0;
		min-width: unset;
	}


	body header .logo .logo-large {
		display: none;
	}

	body header .logo .logo-square {
		display: block;
		line-height: 40px;
	}

	body header .menu {
		height: 40px;
		min-width: 90px;
		overflow: hidden;
	}

	body header .menu .item .label {
		display: none;
	}

	body header .menu .item.admin {
		display: none;
	}
	
	body .panel-left {
		width: 100%;
	}

	body .file-tree .items-list .item {
		display: block;
		margin-bottom: 5px;
	}

	body .panel-center {
		display: none;
	}

	body .panel-right {
		display: none;
	}

	.main-search .search-field .action.clear {
		height: 25px;
		width: 30px;
		margin-right: 5px;
	}


.file-tree .action {
	flex-grow: 1;
}
.file-tree .items-list .item .actions {
	height: 30px;
}
	.file-tree .action.summary {
		display: block;
	}
	.file-tree .action.preview {
		display: block;
	}
	.file-tree .action.featured {
		display: none;
	}
}

/**
 * Small Tablets & Phones
 */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	:root {
		--mw: 480;
	}

	body header .logo {
		height: 40px;
		width: 40px;
		overflow: hidden;
		flex-shrink: 0;
		min-width: unset;
	}


	body header .logo .logo-large {
		display: none;
	}

	body header .logo .logo-square {
		display: block;
		line-height: 40px;
	}

	body header .menu {
		height: 40px;
		min-width: 90px;
		overflow: hidden;
	}

	body header .menu .item .label {
		display: none;
	}

	body header .menu .item.admin {
		display: none;
	}
	
	body .panel-left {
		width: 100%;
	}

	body .file-tree .items-list .item {
		display: block;
		margin-bottom: 5px;
	}

	body .panel-center {
		display: none;
	}

	body .panel-right {
		display: none;
	}

	.main-search .search-field .action.clear {
		height: 25px;
		width: 30px;
		margin-right: 5px;
	}
	
	.main-search .open-search {
		display: none;
	}

	.file-tree .action {
		flex-grow: 1;
	}
	.file-tree .items-list .item .actions {
		height: 30px;
	}
	.file-tree .action.summary {
		display: block;
	}
	.file-tree .action.preview {
		display: block;
	}
	.file-tree .action.featured {
		display: none;
	}
}

/**
 * Small Phones
 */
@media only screen and (min-width: 100px) and (max-width: 479px) {

	:root {
		--mw: 100;
	}

	body header .logo {
		height: 40px;
		width: 40px;
		overflow: hidden;
		flex-shrink: 0;
		min-width: unset;
	}

	body header .logo .logo-large {
		display: none;
	}

	body header .logo .logo-square {
		display: block;
		line-height: 40px;
	}

	body header .menu {
		height: 40px;
		min-width: 90px;
		overflow: hidden;
	}

	body header .menu .item .label {
		display: none;
	}

	body header .menu .item.admin {
		display: none;
	}
	
	body .panel-left {
		width: 100%;
	}

	body .file-tree .items-list .item {
		display: block;
		margin-bottom: 5px;
	}

	body .panel-center {
		display: none;
	}

	body .panel-right {
		display: none;
	}

	.main-search {
		position: static;
	}

	.main-search.active .outside {
		background-color: var(--color-background-sidebar);
		opacity: 0.6;
	}


	.main-search .search-results {
		position: absolute;
		width: 100%;
		top: 40px;
		left: 0;
	}

	.main-search.active .search-field + .search-results {
		max-height: 400px;
	}

	.main-search .search-results .suggestions-list {
		background-color: var(--color-background-sidebar);
	}


	.page-preview header {

	}

	.main-search .search-field .action.clear {
		height: 25px;
		width: 30px;
		margin-right: 5px;
	}

	.main-search .open-search {
		display: none;
	}

	.file-tree .action {
		flex-grow: 1;
	}
	.file-tree .items-list .item .actions {
		height: 30px;
	}
	.file-tree .action.summary {
		display: block;
	}
	.file-tree .action.preview {
		display: block;
	}
	.file-tree .action.featured {
		display: none;
	}

}

/**
 * Landscape
 */
@media only screen and (orientation: landscape) {

}

/**
 * Portrait
 */
@media only screen and (orientation: portrait) {

}