/* Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.6 Version: 2.0.0 Author: Sean Ngu Website: http://www.seantheme.com/color-admin-v2.0/admin/html/ */
@media(max-width:979px){
    .form-horizontal.form-bordered .form-group{
        border-bottom:1px solid #eee
    }
    .form-horizontal.form-bordered .form-group>.control-label{
        padding:15px;
        line-height:34px
    }
    .form-horizontal.form-bordered .form-group>div{
        padding:15px
    }
    .form-horizontal.form-bordered .form-group>.control-label,.form-horizontal.form-bordered .form-group>div{
        border:none
    }
    .result-list .result-image,.result-list .result-price{
        width:200px
    }
    .gallery .image{
        width:33%
    }
    .page-with-two-sidebar .content{
        margin-right:0!important
    }
    @keyframes sidebarSlideInRight{
        from{
            right:-220px
        }
        to{
            right:0
        }
    }
    @-webkit-keyframes sidebarSlideInRight{
        from{
            right:-220px
        }
        to{
            right:0
        }
    }
    .page-with-two-sidebar .sidebar-bg.sidebar-right,.page-with-two-sidebar .sidebar.sidebar-right{
        right:-220px;
        left:auto!important;
        position:fixed
    }
    .page-with-two-sidebar.page-sidebar-toggled .sidebar-bg.sidebar-right,.page-with-two-sidebar.page-sidebar-toggled .sidebar.sidebar-right{
        animation:none;
        -webkit-animation:none
    }
    .page-with-two-sidebar.page-right-sidebar-toggled .sidebar-bg.sidebar-right,.page-with-two-sidebar.page-right-sidebar-toggled .sidebar.sidebar-right{
        animation:sidebarSlideInRight .2s;
        -webkit-animation:sidebarSlideInRight .2s;
        right:0;
        left:auto
    }
    .theme-panel .control-label.double-line{
        line-height:30px
    }
}
@media (max-width:845px) {
    .v {
        float: none !important;
    }
    .aplicattop {
        height: auto;
    }
    button.navbar-toggle {
    display: none;
}
}
@media (max-width:450px) {
    .progress.prgrs {
        margin-top: 113px !important;
    }
    .col-lg-4.addbtndiv.toolt b {
        font-size: 13px;
    }
}
@media(min-width:768px) and (max-width:999px) {
    .nav-pills {
        background: #fff;
        float: left;
    }
    .finalsave {
        float: left;
    }
}
@media(min-width:768px) and (max-width:1340px) {
    .col-lg-4.addbtndiv.toolt b {
        font-size: 15px;
    }
}
@media(max-width:1190px) {
    .col-lg-4.addbtndiv.toolt {
        width: 100% !important;
    }
    .modal-content.aplcnt-imgs-popup {
        width: 100% !important;
    }
}
@media(min-width:550px) and (max-width:768px){
    .hhg.radio-right {
        float: right;
        padding: 0;
    }
    .finalsave {
        float: left;
    }
}
@media(min-width:590px) and (max-width:768px) {
    .finalbtn button.prvbtn {
        float: right;
    }
    .finalbtn {
        margin: 0;
        float: none;
    }
    .panel-body {
        padding: 0 14px 15px;
    }
    .finalbtn {
        margin: 0 AUTO;
        float: none;
        width: 0%;
    }
}
@media (max-width:550px) {
    .hhg.radio-right {
        float: none;
        padding: 0;
    }
}
@media (max-width:590px) {
    .finalsave {
    float: none;
    margin: 0 auto;
    width: 50px;
    margin-bottom: 8px;
}
    .finalbtn {
    float: none;
    width: 49%;
    margin: 0 auto;
}
    .panel-body {
    padding: 0 0px 25px 0;
}
}

@media (max-width:767px){
    .resetbtn {
    width: auto;
}
    .nav-pills>li {
        float: none;
    }
    .page-header-fixed{
        padding-top:109px
    }
    .page-with-right-sidebar .sidebar,.page-with-right-sidebar .sidebar-bg{
        left:auto;
        right:-220px
    }
    .page-with-right-sidebar .content{
        margin-right:0
    }
    .page-with-right-sidebar .footer{
        margin-right:20px
    }
    .content,.page-sidebar-minifed .content{
        margin-left:0!important
    }
    .content.content-full-width .breadcrumb{
        margin:20px
    }
    .navbar-form,.navbar-form .form-group,.navbar-nav{
        margin:0
    }
    .navbar-brand{
        width:auto
    }
    .navbar-inverse .navbar-header{
        border-bottom:1px solid #2d353c
    }
    .navbar-right{
        float:right
    }
    .navbar-left,.navbar-nav>li{
        float:left
    }
    .navbar-form{
        padding:12px 10px;
        border:none;
        -webkit-box-shadow:none;
        box-shadow:none
    }
    .navbar-form .btn-search{
        right:10px
    }
    .navbar-form .form-control,.navbar-form .form-control:focus{
        margin:0;
        width:200px!important;
        -webkit-animation:none!important;
        animation:none!important
    }
    .navbar-nav .open .dropdown-menu{
        position:absolute;
        top:100%;
        left:0;
        z-index:1000;
        float:left;
        min-width:160px;
        border-top:1px solid #eee;
        list-style:none;
        background:#fff;
        box-shadow:0 2px 5px -1px rgba(0,0,0,.2);
        -webkit-box-shadow:0 2px 5px -1px rgba(0,0,0,.2)
    }
    .navbar-nav.navbar-right .open .dropdown-menu{
        right:0;
        left:auto
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider{
        background-color:#eee
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{
        color:#262626
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{
        background:#edf0f5;
        color:#262626
    }
    .navbar-nav .open .dropdown-menu>li>a{
        padding:5px 15px
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{
        background:#edf0f5
    }
    @keyframes sidebarSlideInLeft{
        from{
            left:-220px
        }
        to{
            left:0
        }
    }
    @-webkit-keyframes sidebarSlideInLeft{
        from{
            left:-220px
        }
        to{
            left:0
        }
    }
    @keyframes sidebarSlideInRight{
        from{
            right:-220px
        }
        to{
            right:0
        }
    }
    @-webkit-keyframes sidebarSlideInRight{
        from{
            right:-220px
        }
        to{
            right:0
        }
    }
    .page-sidebar-toggled .sidebar{
        left:0;
        animation:sidebarSlideInLeft .2s;
        -webkit-animation:sidebarSlideInLeft .2s
    }
    .page-sidebar-toggled .sidebar-bg{
        position:fixed;
        background:#2d353c;
        left:0;
        animation:sidebarSlideInLeft .2s;
        -webkit-animation:sidebarSlideInLeft .2s
    }
    .page-sidebar-toggled.page-with-right-sidebar .sidebar,.page-sidebar-toggled.page-with-right-sidebar .sidebar-bg{
        left:auto;
        right:0;
        animation:sidebarSlideInRight .2s;
        -webkit-animation:sidebarSlideInRight .2s
    }
    .sidebar{
        position:absolute;
        left:-220px;
        padding-top:0;
        z-index:1030
    }
    .sidebar-bg{
        left:-220px;
        z-index:1020
    }
    .page-sidebar-minified.page-sidebar-minified .sidebar{
        position:fixed!important
    }
    .page-sidebar-toggled.page-sidebar-minified .sidebar-bg{
        position:fixed;
        background:#2d353c;
        z-index:1010;
        left:0;
        animation:sidebarSlideInLeft .2s;
        -webkit-animation:sidebarSlideInLeft .2s
    }
    .page-with-right-sidebar.page-sidebar-toggled.page-sidebar-minified .sidebar-bg{
        left:auto;
        right:0;
        animation:sidebarSlideInRight .2s;
        -webkit-animation:sidebarSlideInRight .2s
    }
    .page-sidebar-minified.page-with-right-sidebar .content{
        margin-right:0
    }
    .page-sidebar-minified.page-with-right-sidebar .footer{
        margin-right:20px
    }
    .content{
        margin-left:0;
        padding:20px
    }
    .breadcrumb{
        float:none!important
    }
    .footer{
        margin:0 20px
    }
    .table-responsive .table>tbody>tr>td,.table-responsive .table>tbody>tr>th,.table-responsive .table>tfoot>tr>td,.table-responsive .table>tfoot>tr>th,.table-responsive .table>thead>tr>td,.table-responsive .table>thead>tr>th{
        white-space:nowrap
    }
    .login .login-header,.login-content{
        width:100%!important
    }
    .login{
        margin:108px 0
    }
    .login .login-header{
        left:0;
        margin:0
    }
    .invoice-company .pull-right{
        float:none!important;
        display:block
    }
    .invoice .table-responsive{
        margin-bottom:20px
    }
    .invoice-date,.invoice-from,.invoice-to{
        display:block!important;
        width:100%!important;
        text-align:left!important;
        padding:0!important
    }
    .invoice-date,.invoice-to{
        margin-top:20px!important
    }
    .invoice-price .invoice-price-left,.invoice-price .invoice-price-right{
        display:block;
        width:100%!important;
        float:left!important;
        padding:10px!important
    }
    .invoice-price .invoice-price-row{
        float:none!important;
        width:100%!important;
        display:block!important
    }
    .bwizard-steps li,.fc-button-today{
        float:left!important
    }
    .invoice-price .invoice-price-left .sub-price{
        padding:0 10px!important;
        display:block!important;
        text-align:center!important
    }
    .invoice-price .invoice-price-right{
        text-align:center!important
    }
    .invoice-price .invoice-price-right small{
        position:relative!important;
        display:block;
        left:0!important;
        top:0!important
    }
    .result-list .result-image{
        width:160px
    }
    .result-list .result-price{
        width:100px;
        font-size:20px
    }
    .result-list>li>div{
        padding:15px
    }
    .map{
        top:109px!important;
        left:0!important
    }
    .gallery .image{
        width:50%
    }
    .bwizard-steps li,.calendar,.calendar-event .external-event,.width-full,.width-lg,.width-md,.width-sm,.width-xs{
        width:100%!important
    }
    .vertical-box,.vertical-box .vertical-column{
        display:block!important
    }
    .fc-event .fc-event-title small{
        display:none!important
    }
    .calendar{
        display:block;
        margin-left:0!important
    }
    .fc-header-center,.fc-header-left,.fc-header-right{
        text-align:center!important;
        width:100%!important;
        display:table!important
    }
    .fc-header-left{
        text-align:right!important
    }
    .fc-header-center{
        margin-top:-46px!important
    }
    .fc-header-center h2{
        font-size:18px!important
    }
    .calendar-event .external-event i,.calendar-event .external-event p,.fc-event .fc-event-icons,.fc-header-left .fc-header-space{
        display:none!important
    }
    .calendar-event .external-event h5{
        margin:0!important
    }
    .nav-tabs.nav-justified.nav-justified-mobile>li{
        display:table-cell;
        width:1%
    }
    .nav-tabs.nav-justified.nav-justified-mobile>li>a{
        margin-bottom:0
    }
    .page-with-two-sidebar .header .navbar-brand{
        float:none;
        display:block;
        margin:0 70px;
        text-align:center
    }
    .page-with-two-sidebar .header .navbar-brand .navbar-logo{
        position:relative;
        top:3px;
        display:inline-block;
        float:none;
        margin-top:0;
        margin-right:5px
    }
    .form-horizontal.form-bordered .form-group>.control-label{
        padding:15px 15px 0;
        line-height:inherit
    }
    .form-horizontal.form-bordered .form-group>div{
        padding:5px 15px 15px
    }
    .theme-panel{
        top:0;
        bottom:0
    }
    .theme-panel .theme-collapse-btn{
        top:150px
    }
    .theme-panel .theme-panel-content{
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        right:0;
        margin:0;
        overflow:scroll
    }
    .nav-pills {
        background: #fff;
        float: none;
    }
}
@media(max-width:480px){
    .media.media-lg .pull-left{
        float:none!important;
        margin-right:0
    }
    .media.media-lg .media-object{
        width:100%;
        margin-bottom:10px
    }
    .result-list .result-image{
        width:100%;
        float:none
    }
    .result-list .result-image a{
        position:relative
    }
    .result-list>li>div{
        display:block;
        width:100%
    }
    .result-list>li>.result-price{
        border-left:none;
        border-top:1px dashed #ddd;
        width:100%;
        padding:15px
    }
    .result-list .btn-row{
        text-align:center
    }
    .result-list .result-price .btn{
        margin-top:15px
    }
    .gallery .image{
        width:100%
    }
    button.navbar-toggle {
    padding: 0;
    margin: 0;
}
}
@media (max-width:380px){
    .navbar-form .form-control,.navbar-form .form-control:focus{
        width:160px!important
    }
    .finalbtn {
        float: left;
    }
}
@media (min-width:380px) and (max-width:600px) {
    .btn.btn-success.final {
    background-color: #ff9900 !important;
    margin-left: 108px;
}
    .finprv {
    margin: 0;
}
.finprv button#ajax-create {
    margin: 0px 0px 0px 200px;
    position: relative;
    top: 40px;
}
}
@media (max-width:340px){
    .navbar-form .form-control,.navbar-form .form-control:focus{
        width:140px!important
    }
}
@media (max-width:979px){
    .timeline .timeline-body{
        margin-left:25%;
        margin-right:10%
    }
    .timeline .timeline-time{
        width:13%
    }
    .timeline .timeline-icon{
        left:13%;
        width:12%
    }
    .timeline:before{
        left:19%
    }
}
@media (max-width:767px){
    .timeline:before{
        left:50%
    }
    .timeline .timeline-body{
        margin-right:0;
        margin-left:0;
        margin-top:10px;
        padding:20px
    }
    .timeline .timeline-footer{
        margin:20px -20px -20px;
        padding:20px
    }
    .timeline .timeline-body:before{
        border-bottom-color:#fff;
        border-right-color:transparent;
        left:50%;
        top:-20px;
        margin-left:-10px
    }
    .timeline .timeline-time{
        right:50%;
        left:0;
        width:auto;
        margin-right:40px;
        padding-top:5px
    }
    .timeline .timeline-icon{
        left:0;
        width:80px;
        position:relative;
        margin:0 auto
    }
}
@media (max-width:979px){
    .coming-soon .timer .is-countdown{
        width:767px
    }
}
@media (max-width:767px){
    .coming-soon .timer .is-countdown{
        width:100%
    }
}
@media (max-width:480px){
    .coming-soon .timer .countdown-amount{
        font-size:24px
    }
    .coming-soon .coming-soon-content .desc,.coming-soon .coming-soon-header .desc,.coming-soon .timer .countdown-period{
        font-size:12px
    }
    .coming-soon .coming-soon-content .desc,.coming-soon .coming-soon-header .desc{
        padding-right:20px;
        padding-left:20px
    }
    .coming-soon .coming-soon-content .input-group{
        width:auto;
        margin-right:20px;
        margin-left:20px
    }
}
@media (min-width:1920px){
    .login-cover-image img{
        width:100%
    }
}
@media (max-width:767px){
    .login.login-v2{
        margin:108px 0;
        width:100%
    }
    .login-cover-image img{
        max-width:initial;
        max-height:100%
    }
    .login-bg-list{
        position:relative;
        padding:20px;
        right:0;
        bottom:0;
        margin-top:-108px
    }
}
@media (max-width:540px){
    .widget-chart .widget-chart-content{
        margin-right:0
    }
    .widget-chart .widget-chart-sidebar,.widget-chart .widget-chart-sidebar .chart-legend{
        position:relative;
        width:auto
    }
    .widget-chart .widget-chart-sidebar .chart-legend{
        margin-top:20px
    }
}
@media (max-width:979px){
    .superbox-list{
        width:20%
    }
}
@media (max-width:600px){
.finprv button#ajax-create {
    width: 100%;
    margin: 0;
}
.btn.btn-success.final {
    margin: 45px 0 0 0;
    width: 100%;
    float: none;
}
.finalto-home {
    margin: 0;
}
.btn.btn-default {
    margin: 6px 0 0 0px;
}
}
@media (max-width:480px){
    .superbox-list{
        width:50%
    }
}
@media (max-width:767px){
    .page-content-full-height .content,.vertical-box,.vertical-box-cell,.vertical-box-column,.vertical-box-inner-cell,.vertical-box-row{
        display:block!important;
        width:auto!important;
        position:relative!important;
        overflow:initial!important;
        table-layout:initial!important;
        top:auto!important;
        height:auto!important
    }
    .vertical-box .slimScrollBar,.vertical-box .slimScrollRail{
        display:none!important
    }
}
@media (max-width:480px){
    .list-email .email-time{
        float:none;
        display:block;
        margin:0
    }
}
@media (max-width:767px){
    .pace-progress{
        top:109px
    }
    .pace .pace-activity{
        top:120px
    }
    .navbar-inverse .navbar-header.navbar-header-without-bg{
        background:0 0;
        border-bottom:1px solid #666;
        border-bottom:1px solid rgba(255,255,255,.1)
    }
    .navbar-collapse{
        float:none!important;
        border-top:none;
        border-bottom:1px solid #eee
    }
    .navbar-collapse .nav>li{
        float:none
    }
    .navbar-collapse .open:after,.navbar-collapse .open:before{
        content:'';
        display:table;
        clear:both
    }
    .navbar-collapse .open .dropdown-menu{
        position:relative;
        box-shadow:none;
        padding-top:0;
        border-bottom:1px solid #eee;
        border-radius:0;
        background:#f4f6f7;
        width:100%
    }
    .navbar-collapse .open .dropdown-menu .dropdown-header{
        padding-top:20px;
        padding-left:0
    }
    @keyframes wideSidebarSlideInLeft{
        from{
            left:-250px
        }
        to{
            left:0
        }
    }
    @-webkit-keyframes wideSidebarSlideInLeft{
        from{
            left:-250px
        }
        to{
            left:0
        }
    }
    @keyframes wideSidebarSlideInRight{
        from{
            right:-250px
        }
        to{
            right:0
        }
    }
    @-webkit-keyframes wideSidebarSlideInRight{
        from{
            right:-250px
        }
        to{
            right:0
        }
    }
    .page-sidebar-toggled.page-with-wide-sidebar .sidebar,.page-sidebar-toggled.page-with-wide-sidebar .sidebar-bg{
        left:0;
        animation:wideSidebarSlideInLeft .2s;
        -webkit-animation:wideSidebarSlideInLeft .2s
    }
    .page-right-sidebar-toggled.page-with-wide-sidebar.page-with-two-sidebar .sidebar-bg.sidebar-right,.page-right-sidebar-toggled.page-with-wide-sidebar.page-with-two-sidebar .sidebar.sidebar-right,.page-sidebar-toggled.page-with-right-sidebar.page-with-wide-sidebar .sidebar,.page-sidebar-toggled.page-with-right-sidebar.page-with-wide-sidebar .sidebar-bg{
        left:auto;
        right:0;
        animation:wideSidebarSlideInRight .2s;
        -webkit-animation:wideSidebarSlideInRight .2s
    }
    .page-with-wide-sidebar .sidebar,.page-with-wide-sidebar .sidebar-bg{
        left:-250px;
        width:250px
    }
    .page-with-wide-sidebar.page-with-right-sidebar .sidebar,.page-with-wide-sidebar.page-with-right-sidebar .sidebar-bg,.page-with-wide-sidebar.page-with-two-sidebar .sidebar-bg.sidebar-right,.page-with-wide-sidebar.page-with-two-sidebar .sidebar.sidebar-right{
        left:auto;
        right:-250px
    }
    .page-with-wide-sidebar.page-with-right-sidebar .content{
        margin-right:0
    }
}
@media (max-width:992px){
    .login.login-with-news-feed .news-caption,.register.register-with-news-feed .news-caption{
        font-size:12px;
        padding:15px 30px
    }
    .login.login-with-news-feed .news-caption .caption-title,.register.register-with-news-feed .news-caption .caption-title{
        font-size:20px
    }
}
@media (max-width:768px){
    .login.login-with-news-feed .news-feed,.register.register-with-news-feed .news-feed{
        display:none
    }
    .login.login-with-news-feed .right-content,.register.register-with-news-feed .right-content{
        float:none;
        width:auto
    }
    .login.login-with-news-feed .login-header .icon{
        right:60px
    }
    body {
        background: #ffffff;
    }
    .progress .progress-bar:after {
        background: #ffffff !important;
    }
}
@media (max-width:480px){
    .login.login-with-news-feed .login-header .icon{
        display:none
    }
    .login.login-with-news-feed .login-header,.register.register-with-news-feed .register-header{
        padding:40px 40px 0
    }
    .login.login-with-news-feed .login-content,.register.register-with-news-feed .register-content{
        padding:20px 40px
    }
    .help-btn button {
        font-size: 13px;
    }
}
@media (max-width:360px){
    .login.login-with-news-feed .login-header,.register.register-with-news-feed .register-header{
        padding:40px 30px 0
    }
    .login.login-with-news-feed .login-content,.register.register-with-news-feed .register-content{
        padding:20px 30px
    }
}
@media (max-width:373px){
    .resetbtn .login-buttons.rest-pswrd {
        margin-bottom: 10px;
    }
    .v h4.panel-title {
        font-size: 16px;
    }
}
@media (max-width:845px){
    .grade-gradepoint .col-sm-6 {
        width: 100%;
        float: left;
    }
    .vrtcl-line {
        border-left: 0;
    }
}
@media (max-width:1024px){
    .profile-left{
        width:150px
    }
    .profile-image{
        height:130px
    }
    .profile-right{
        margin-left:165px;
        padding-right:0
    }
    .table.table-profile>tbody>tr>td.field{
        width:100px
    }
}
@media (max-width:767px){
    .profile-left{
        width:180px
    }
    .profile-right{
        margin-left:195px;
        padding-right:0
    }
}
@media (max-width:480px){
    .profile-left{
        width:100%;
        margin-bottom:15px
    }
    .profile-image{
        height:auto;
        text-align:center
    }
    .profile-image img{
        margin:0 auto
    }
    .profile-right{
        margin:0
    }
    .profile-section+.profile-section{
        padding-top:0
    }
    .profile-section .title{
        margin-top:20px
    }
}
@media (max-width:767px){
    .dt-buttons.btn-group{
        float:none;
        text-align:center;
        display:block;
        margin:0 0 5px
    }
    .dt-buttons.btn-group>.btn{
        float:none;
        margin-bottom:5px;
        -webkit-border-radius:4px!important;
        -moz-border-radius:4px!important;
        border-radius:4px!important
    }
    .dt-buttons.btn-group>.btn+.btn{
        border-left:none;
        margin-left:5px
    }
    .dataTables_length,div.dataTables_info{
        float:none;
        margin-right:0
    }
    .panel>.dataTables_wrapper div.dataTables_length label,.panel>.table-responsive>.dataTables_wrapper div.dataTables_length label{
        margin:20px 0 0
    }
    div.dataTables_wrapper div.dataTables_info{
        margin:0;
        padding-top:0!important
    }
    div.dataTables_wrapper div.dataTables_paginate{
        margin:10px 20px 0!important;
        text-align:center
    }
    div.dataTables_wrapper div.dataTables_paginate .pagination{
        display:block;
        white-space:initial!important
    }
    div.dataTables_wrapper div.dataTables_paginate .pagination>li>a{
        float:none;
        margin-bottom:5px;
        display:inline-block;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        border-radius:4px
    }
    div.dataTables_wrapper div.dataTables_paginate .pagination>li+li a{
        margin-left:5px
    }
    .page-with-top-menu .sidebar{
        padding-top:0
    }
    .top-menu{
        position:relative;
        top:0;
        height:auto;
        display:none
    }
    .top-menu .container,.top-menu .container-fluid{
        padding:0
    }
    .top-menu .nav>li{
        display:block
    }
    .top-menu .nav{
        margin:0!important
    }
    .top-menu .nav>li>a .caret{
        float:right;
        margin-top:10px
    }
    .top-menu .nav .sub-menu{
        position:relative;
        top:0;
        width:100%
    }
    .top-menu .sub-menu>li>a{
        padding-left:44px
    }
    .top-menu .nav>li.has-sub:hover>.sub-menu{
        display:none
    }
    .top-menu .nav>li.menu-control{
        display:none!important
    }
    .page-sidebar-toggled.page-sidebar-minified .sidebar.sidebar-transparent+.sidebar-bg{
        z-index:1020
    }
}
@media (max-width:1080px){
    .boxed-layout .pace,.boxed-layout .page-container,.boxed-layout .page-container .header,.boxed-layout .page-container .top-menu{
        width:100%
    }
    .boxed-layout .pace,.boxed-layout .top-menu{
        margin-left:0;
        left:0;
        right:0
    }
}
@media (max-width:767px){
    .boxed-layout .page-container .sidebar,.boxed-layout .page-container .sidebar-bg{
        left:-220px
    }
    .boxed-layout .page-sidebar-toggled .sidebar,.boxed-layout .page-sidebar-toggled .sidebar-bg{
        left:0
    }
}
