@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;
}

}