@media (max-width: 1600px) {

}

@media (max-width: 1300px) {

}

@media (max-width: 1200px) {

}

@media (max-width: 1000px) {

	#sidebar {
		left: initial;
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		width: 240px;
		left: 0;
		left: auto;
		z-index: 2;
		box-shadow: 10px 0 30px rgb(0 0 0 / 15%);
		transition: all 0.3s cubic-bezier(0.35, 0.38, 0.07, 0.83);
		transform: translateX(-120%);
	}
	
	#sidebar.active {
		transform: translateX(0);
	}	
	
	#primary {
		width:100%;
	}
	
	.topbar-trigger {
		display: table-cell;
	}	
	
	#sidebar #main-nav {
		margin-bottom: 100px;
	}

}

@media (max-width: 992px) {
	
	.topbar-menu-right {
		padding-right: 12px;
	}	
	
	.topbar-trigger {
		padding-left: 12px;
	}	
	
	.dropdown-btn {
		display: inline-block;
	}
	
	.dropdown-menu ul.show:after {
		content: " ";
		position: absolute;
		width: 0;
		height: 0;
		width: 12px;
		height: 12px;
		transform: rotate(-45deg);
		transform-origin: 100% 0;
		border-top: 1px solid #dddddd;
		border-right: 1px solid #dddddd;
		background: #ffffff;
		bottom: 0;
		top: -8px;
		right: 30px;
		z-index: 1;
	}

	.dropdown-menu ul {
	  display: none;
	  position: absolute;
	  right: 0;
	  padding: 0px 0!important;
	  background-color: #ffffff;
	  min-width: 160px;
	  box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.15);
	  z-index: 2;
	  border: 1px solid #dddddd;
	}
	
	.dropdown-menu ul li a {
	  color: black;
	  padding: 12px 0px 12px 16px;
	  text-decoration: none;
	  display: block;
	}
	
	.dropdown-menu ul li a:hover {
	  background-color: #ddd
	}
	
	.show { display:block; }
	
	.dropdown-menu ul li {
		margin-bottom: 0;
		float: none;
		margin-left: 0;
		text-align: left;
		position: relative;
		background: #ffffff;
		z-index: 2;
	}	
	
}

@media (max-width: 768px) {
	#main {
		padding: 12px;
	}	
	.content-box { 
		margin-bottom: 12px;
	}
	
	.responsive-form .form-row {
		display: block;
		padding: 10px 0;
	}
	
	.responsive-form .form-label, 
	.responsive-form .form-field {
		width: 100%;
		float: none;
		max-width: 100%;
		padding: 5px 10px
	}
	
	.responsive-form .form-field {
		border-bottom: 1px solid #f1efef;
	}
	
	.responsive-form .form-label  label {
		font-weight:600;
		color: #555555;
	}
	
	.resp-table {
		display: block;
		width: 100%;
	}
	
	.resp-hide {
		display: none!important;
	}
	
	.resp-table-head {
		display: none;
	}
	
	.resp-table-body {
		display: block;
		width: 100%;
	}	
	
	.resp-table-row {
		display: block;
		width: 100%;
		clear: both;
		padding: 10px 0;
	}
	
	.resp-table-row:before,
	.resp-table-row:after {
	  content: " ";
	  display: block;
	}

	.resp-table-row:after {
	  clear: both;
	}	

	.resp-table-td {
		display: block;
		padding: 5px 10px;
	}
	
	.resp-table-td::before {
		content: attr(data-label);
		clear: both;
		display: block;
		color: #ccc;
	}	
	
	.resp-table-td::after {
		content: attr(data-afterlabel);
		clear: both;
		display: inline-block;
		color: #ccc;
	}	

	.no-label .resp-table-td::after {
		content: none;
	}
	
	.no-label .resp-table-td::before {
		content: none;
	}	
	
	.cache-delete {	
		width: 50px;
		top: 0;
		right: 0;
		position: absolute;
	}
	
	.table-head-config {
		display: block;
	}
	
	.table-row-config {
		display: block;
	}
	
	.table-head-config {
		display: none;
	}

	.table-body-config {
		display: block;
	}
	
	.resp-form-title,
	.poll-title,
	.config-title,
	.pl-title {
		display: block;
		width:100%;
		font-weight: bold;
	}
	
	.resp-form-field {
		display: block;
		width:100%;		
	}
	
	.config-field {
		display: block;
		width:88%;
		float:left;		
	}
	
	.poll-field input[type="text"], 
	.config-field input[type="text"], 
	.config-field textarea {
		width: 100%;
	}
	
	.config-reset {
		display: block;
		width:10%;	
		float:left;	
		padding: 12px 0;
	}	
	
	.aqv-count,
	.aqv-hits,
	.aqv-day {
		width: 33%!important;
		float:left!important;
		text-align:left!important;
		padding-bottom:5px;
	}
		
	.forums-title,
	.forums-order,
	.forums-prvtopics {
		text-align:left!important;	
	}
	
	.forums-topics,
	.forums-posts,
	.forums-views,
	.forums-rights,
	.forums-open {
		width: 20%!important;
		float:left!important;
		text-align:center!important;	
		padding-bottom:5px;	
	}
	
	.forums-str-code,
	.forums-str-path,
	.forums-str-defstate,
	.forums-str-tpl,
	.forums-str-title {
		text-align:left!important;	
	}
	
	.forums-str-sections,
	.forums-str-options {
		width: 50%!important;
		float:left!important;
		text-align:left!important;
		padding-bottom:5px;	
	}	
	
	.forums-str-actions {
		position: absolute;
		right:0;
		top: 10px;
		width: auto!important;
		z-index: 10;	
	}	
	
	.pagemanager-id,
	.pagemanager-title,
	.pagemanager-date,
	.pagemanager-owner,
	.pagemanager-status,
	.pagemanager-actions {
		text-align:left!important;	
	}
		
	.users-id,
	.users-groups {
		text-align:left!important;		
	}
	
	.users-members,
	.users-main,
	.users-enable,
	.users-hidden,
	.users-rights {
		width: 20%!important;
		float:left!important;
		text-align:center!important;
		padding: 5px 0;		
	}	
	
	.structure-pagecount,
	.structure-rights,
	.structure-delete {
		width: 33%!important;
		float:left!important;
		text-align:center!important;
		padding-bottom:5px;		
	}
	
	.aqv-hits {
		text-align:right!important;		
	}
	
	.aqv-count {
		text-align:center!important;		
	}
	
	.aqv-graph {
		width:100%;
		clear: both;
		padding-top: 0;
	}
	
	.aqv-graph .bar_back { 
		margin: 0;
	}
	
	.rights-per-group {
		text-align: left!important;
	}
	
	.rights-grouptitle {
		text-align: center!important;
	}
	
	.dic-actions,
	.ratings-action,
	.smilies-action,
	.menu-action,
	.poll-actions,
	.banlist-action	{
		position: absolute;
		right:0;
		top: 10px;
		width: auto!important;
		z-index: 10;
	}
	
	.plug-action {
		text-align: center!important;
	}
		
	.plug-config,
	.plug-right,
	.plug-open {
		text-align: left!important;
		float:left;
		width:33%;
	}
	
	.trashcan-wipe,
	.trashcan-restore {
		text-align: center!important;
		float:left;
		width:50%;			
	}
	
	.poll-delete,
	.poll-reset,
	.poll-bump,
	.poll-open	{
		text-align: center!important;
		float:left;
		width:25%;		
	}
	
	.poll-update {
		text-align: center!important;
		width: 100%!important;
	}
	
	.poll-votes {
		text-align: left!important;
	}
	
	.plug-order,
	.plug-active {
		text-align: left!important;
	}
	
	.ratings-open {
		text-align: left!important;
	}
	
	.modules-row {
		display: none!important;
	}
	
}

@media (max-width: 500px) {
	ul.content-box-tabs {
		padding: 11px 5px 0 5px!important;
		float: left;
		clear: both;
	}
	ul.content-box-tabs li a {
		padding: 10px 12px;
	}
	.content-box-header-right .btn {
		padding: 9px 18px;
	}
	
}

