@media (min-width:980px) and (max-width:1280px) {
    .page-boxed .header .dropdown .username { display: none }
}

@media (min-width:980px) {
    .page-sidebar { position: absolute; width: 225px }
    .page-sidebar-fixed .page-sidebar { position: fixed !important; top: 41px }
    .page-sidebar-fixed ul.page-sidebar-menu > li.last { margin-bottom: 15px !important }
    .page-sidebar-fixed.page-sidebar-hover-on .page-sidebar { z-index: 10000; width: 35px }
        .page-sidebar-fixed.page-sidebar-hover-on .page-sidebar .selected { display: none }
    .page-sidebar-fixed.page-sidebar-hover-on .page-content { margin-left: 35px }
    .page-sidebar-fixed.page-sidebar-hover-on .footer { margin-left: 35px }
    .page-sidebar-fixed .page-sidebar .sidebar-toggler, .page-sidebar-fixed .page-sidebar-closed .page-sidebar .sidebar-search .submit { -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease }
    .page-sidebar-hovering { overflow: hidden !important }
        .page-sidebar-hovering .sub-menu, .page-sidebar-hovering span.arrow, .page-sidebar-hovering span.title { display: none !important }
        .page-sidebar-hovering .submit { opacity: 0; width: 0 !important; height: 0 !important }
    .page-content { margin-left: 225px; margin-top: 0; min-height: 760px }
    .page-sidebar-fixed .page-content { min-height: 600px }
    .page-content.no-min-height { min-height: auto }
    .page-sidebar-fixed .footer { margin-left: 225px; background-color: #fff }
        .page-sidebar-fixed .footer .footer-inner { color: #333 }
    .page-sidebar-fixed.page-sidebar-closed .footer { margin-left: 35px }
    .page-sidebar-fixed .footer .footer-tools .go-top { background-color: #666 }
        .page-sidebar-fixed .footer .footer-tools .go-top i { color: #ddd }
    .page-boxed .header .brand { margin-left: 0 !important; width: 226px }
        .page-boxed .header .brand img { margin-left: 10px }
}

@media (max-width:979px) {
    body { margin: 0 !important }
    .header { margin: 0 !important }
        .header .nav li.dropdown i { display: inline-block; position: relative; top: 1px; right: 0 }
        .header .nav { margin-bottom: 0 !important }
        .header .brand { margin-left: 0 !important; padding-left: 0 !important }
            .header .brand img { margin-left: 2px !important }
    .page-container { margin: 0 !important; padding: 0 !important }
    .page-header-fixed .page-container { margin-top: 0 !important }
    .page-content { margin: 0 !important; padding: 0 !important; min-height: 280px }
    .page-sidebar { margin: 0 10px }
        .page-sidebar.in { margin: 10px; position: relative; z-index: 5 }
        .page-sidebar .sidebar-toggler { display: none }
        .page-sidebar ul { margin-top: 0; width: 100% }
        .page-sidebar .selected { display: none !important }
        .page-sidebar .sidebar-search { width: 220px; margin-top: 20px; margin-bottom: 20px }
    .page-title { margin: 15px 0 }
    .styler-panel { top: 55px; right: 20px }
}

@media (min-width:768px) and (max-width:1280px) {
    .form-wizard .step .desc { margin-top: 10px; display: block }
    .pricing-table .rate .price, .pricing-table2 .rate .price { width: 100%; display: block; text-align: center; margin-bottom: 10px }
}

@media (min-width:768px) and (max-width:979px) {
    body { padding-top: 0 }
    .page-sidebar .btn-navbar.collapsed .arrow { display: none }
    .page-sidebar .btn-navbar .arrow { position: absolute; right: 25px; width: 0; height: 0; top: 50px; border-bottom: 15px solid #5f646b; border-left: 15px solid transparent; border-right: 15px solid transparent }
}

@media (max-width:767px) {
    .header .navbar-inner .container, .header .navbar-inner .container-fluid { margin-left: 10px !important; margin-right: 10px !important }
    .header .top-nav .nav { margin-top: 0; margin-right: 5px }
    .header .nav > li > .dropdown-menu.notification:after, .header .nav > li > .dropdown-menu.notification:before { margin-right: 180px }
    .header .nav > li > .dropdown-menu.notification { margin-right: -180px }
    .header .nav > li > .dropdown-menu.inbox:after, .header .nav > li > .dropdown-menu.inbox:before { margin-right: 140px }
    .header .nav > li > .dropdown-menu.inbox { margin-right: -140px }
    .header .nav > li > .dropdown-menu.tasks:after, .header .nav > li > .dropdown-menu.tasks:before { margin-right: 90px }
    .header .nav > li > .dropdown-menu.tasks { margin-right: -90px }
    .header .brand { margin-left: 0 !important; width: 110px }
    .page-content { padding: 10px !important }
    .page-title { margin-bottom: 20px }
    .styler-panel { top: 58px; right: 12px }
    .breadcrumb { padding-left: 10px; padding-right: 10px }
    .portlet-body.form .form-actions { padding-left: 15px }
    #gritter-notice-wrapper { right: 1px !important }
    .input-icon .input-error, .input-icon .input-success, .input-icon .input-warning { top: -27px; float: right; right: 10px !important }
    .table-advance tr td.highlight:first-child a { margin-left: 8px }
    .footer { padding-left: 10px; padding-right: 10px }
        .footer .go-top { float: right; display: block; margin-right: 0 }
    .ver-inline-menu li.active:after { display: none }
    .form-horizontal .form-actions { padding-left: 180px }
    .portlet .form-horizontal .form-actions { padding-left: 190px }
    li.freeSearchContent { float: none; margin-top: 10px }
        li.freeSearchContent .freeSearchArea { display: block !important; margin: 0 }
            li.freeSearchContent .freeSearchArea input { padding-bottom: 2px; margin-bottom: 2px }
}

@media (max-width:480px) {
    .header .nav > li.dropdown .dropdown-toggle { margin-top: 3px !important }
    .header .nav li.dropdown .dropdown-toggle .badge { top: 11px }
    .page-sidebar.in { margin-top: 7px !important }
    .styler-panel { top: 92px; right: 12px }
    .page-title small { display: block; clear: both }
    .page-content .breadcrumb .dashboard-date-range { padding-bottom: 8px }
        .page-content .breadcrumb .dashboard-date-range span { display: none }
    .login .logo { margin-top: 10px }
    .login .content { padding: 30px; width: 222px }
        .login .content h3 { font-size: 22px }
        .login .content .m-wrap { width: 180px }
    .login .checkbox { font-size: 13px }
    .form-horizontal.form-bordered .control-label { float: none; width: auto; padding-top: 0; text-align: left; margin-top: 0; margin-left: 10px }
    .form-horizontal.form-bordered .controls { padding-top: 0 !important; border-left: 0 !important }
    .form-horizontal.form-bordered.form-label-stripped .control-group:nth-child(even) { background-color: none !important }
        .form-horizontal.form-bordered.form-label-stripped .control-group:nth-child(even) .controls { background-color: none !important }
    .form-horizontal.form-row-seperated .control-label { float: none; width: auto; padding-top: 0; text-align: left; margin-left: 10px }
    .form-horizontal.form-row-seperated .controls { border-left: 0; margin-left: 10px }
    .portlet .form-horizontal .form-actions { padding-left: 10px }
    .hidden-480 { display: none }
    .modal-header .close { margin-top: 5px !important }
    .control-group .controls .text { display: block !important; margin-bottom: 10px }
    #sample_editable_1_new, .btnResponsive { min-width: 30px !important }
        #sample_editable_1_new .txt, .btnResponsive .txt { display: none }
}

@media (max-width:320px) {
    .header .nav > li.dropdown .dropdown-toggle { padding-left: 8px !important; padding-right: 8px !important }
    .hidden-320 { display: none }
    .header .brand { width: 100px }
}