@media (max-width:768px){
    /* .navbar-inverse .navbar-header .visible-xs-block{
        width:calc(100% - 325px);
    }
    .navbar-inverse .navbar-header .visible-xs-block a.navbar-brand{
        display:none;
    }
    .navbar-inverse .navbar-collapse .navbar-right li{
        width:50%;
        float:left;
    } */
    .navbar-inverse{
        width:calc(100% - 50px);
        float:left;
    }
    #navbar-second{
        width:50px;
        float:left;
        height:50px;
        border-top:none !important;
    }
    #navbar-second a{
        padding-left:17px;
        height:50px;
        background:#37474F;
        color:#fff;
    }
    #navbar-second-toggle{
        width: 100vw;
        left: inherit;
        right: 0;
        position: absolute;
        background: #f4f4f4;
        z-index: 9;
        cursor: pointer;
    }
    #navbar-second-toggle .navbar-nav li{
        width:50% !important;
        margin-left:-3px;
    }
    #navbar-second-toggle .navbar-nav li a{
        height:auto;
    }
    .navbar-inverse .navbar-header{
        width:60px;
        min-width:60px;
        float:left;
    }
    .navbar-inverse .navbar-header .navbar-brand{
        width:100%;
    }
    .navbar-inverse .navbar-header .visible-xs-block{
        display:none !important;
    }
    #navbar-mobile{
        display: inline-block;
        float: left;
        width: calc(100% - 60px);
    }
    #navbar-mobile .navbar-right li{
        width:50%;
        float:left;
    }
    #navbar-mobile .visible-xs-inline-block{
        display:none !important;
    }

    #navbar-mobile .navbar-right li.dropdown-user{
        padding-right:20px;
        width:calc(100% - 50px);
    }

    #navbar-mobile .navbar-right li.dropdown-user a{
        background:transparent !important;
    }
    #navbar-mobile .navbar-right li.dropdown-user .dropdown-menu-right{
        border-top:none;
        float: left;
        width: 100vw;
        right: -50px;
        left: inherit;
        position: absolute;
        background: #30404a;
    }

    #navbar-mobile .navbar-right li.dropdown-user .dropdown-menu-right li a i{
        display:none;
    }
    .top-body{
        height:auto !important;
    }
    .top-body .top-left-body{
        width:100%;float:left;
        padding-bottom:20px;
        font-size:.9em;
    }
    .top-body .top-left-body .nav-tabs{
        padding:0px;
        border-bottom:1px solid #ddd !important;
    }
    .top-body .top-left-body .nav-tabs:before{
        display:none;
    }
    .top-body .top-left-body .nav-tabs li{
        width:50%;
        float:left;
    }
    .top-body .top-left-body .nav-tabs li a{
        padding-left:5px;
        padding-right:5px;
    }
    .top-body .top-left-body .nav-tabs li.active,
    .top-body .top-left-body .nav-tabs li.active *{
        background:#1E88E5;
        color:#fff !important;
    }
    .top-body .top-right-body {
        margin-right:calc(50% - 90px);
        padding-bottom:20px;
    }
    .odd .dot-dot-dot{
        width:100% !important;
    }
    .dtr-title{
        text-align:right;
        padding-right:20px !important;
        width:120px;
    }
    .dtr-title .form-group{
        display:none;
    }
    tr.child{
        background-color:#f4f4f4;
    }
    tr.child td.child li .dtr-data{
        white-space: normal !important
    }
    tr.child td.child li:last-child .dtr-title{
        display:none;
    }
    tr.child td.child li:last-child .dtr-data{
        text-align: center;
        float: left;
        width: calc(100vw - 34px);
        display: block;
        overflow: hidden;
    }
    tr.child td.child li:last-child .dtr-data a,
    tr.child td.child li:last-child .dtr-data button{
        float:left;
        width:calc(50% - 10px);
        margin-right:10px;
        margin-bottom:10px;
    }
    tr.child td.child li:last-child .dtr-data a:nth-child(even),
    tr.child td.child li:last-child .dtr-data button:nth-child(even){
        margin-right:0px;
    }
    .top-body .libs-pie{
        width:calc(100% - 115px);
    }
    .top-body .group-btn {
        padding-top:5px;
    }
    .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group{
        margin-left:0px;
    }
    .top-body .group-btn a{
        width:calc(50% - 5px);
        margin-bottom:10px;
    }
    .top-body .group-btn a:nth-child(even){
        margin-right:0px;
    }
    .top-body .group-btn a:nth-child(odd){
        margin-right:10px;
    }
    .max-w-xs{
        width:100%;
    }
    .page-container{
        padding-left:10px;
        padding-right:10px;
    }
    .libs-pie{
        padding-left:0px !important;
    }
    .panel-body .content{
        margin-left:-10px;
        margin-right:-10px;
    }
    .heading-btn.btn-labeled{
        padding-left:12px;
    }
    .heading-btn.btn-labeled b{
        display:none;
    }
    .w50-on-xs{
        width:50px !important;
    }
    .top-control-ads .heading-elements-toggle,
    .tiviads-control-ads .heading-elements-toggle{
        display:none;
    }
    .tiviadss-control-ads .panel-title,
    .tiviadss-control-ads .heading-btn{
        display:inline-block;
    }
    .tiviadss-control-ads .panel-title{
        width:100px;
    }
    .tiviadss-control-ads .heading-btn{
        width:calc(100% - 110px) !important;
    }
    .tiviadss-control-ads .heading-btn .btn-group,
    .tiviadss-control-ads .heading-btn .btn-group .btn-group,
    .tiviadss-control-ads .heading-btn .btn-group .btn-group button{
        width:100%;
    }
    .position-left-xs{
        margin-right:0px;
    }
    .fix-sche .size-da{
        padding: 4px 0px 0px 0px;
        font-size:8px;
        font-weight:bold;
        width: 24px;
        height: 20px;
    }
    .tiviadss-control-ads .font-large{
        font-size:22px !important;
    }
    .p-lr-n-xs{
        padding-left:0px !important;padding-right:0px !important;
    }
    .time-on-day{
        width: 100%;
        padding-right: 0px !important;
    }
    .time-on-day .time-item{
        width: 100%;
        text-align: center;
    }
    .time-on-day .time-item:last-child,
    .time-on-day .time-item:nth-last-of-type(2){
        width: 50%;
        text-align: center;
        background:#f1f1f1;
        border-top:1px solid #ddd;
    }
    .time-on-day .time-item .icon-paste2{
        color:#299100 !important;
    }
    .time-on-day .time-item .icon-minus-circle2{
        color:#dd0000 !important;
    }
    .modal-body{
        padding:0px !important;
    }
    .w-full-xs{
        width:100%;
    }
    .modal-footer *{
        text-align: center;
    }
    .modal-header{
        padding-bottom:15px !important;
    }
    .modal-header .close{
        top:32%;
    }
    .two-btn{
        margin-left:-10px;
        margin-right:-10px;
        padding-bottom:20px;
    }
    .two-btn .btn-group{
        width:50%;
        padding:5px;
        float:left;
    }
    .odd.parent td,
    .odd.parent{
        border-bottom:none !important;
        background:#fff;
    }
    tr.child td.child{
        border-top:none !important;
        background:#fff;
    }
    tr.child td.child{
        border-bottom:1px solid #ddd !important;
        background:#fff;
    }
    .slide-left{
        width:100% !important;
        text-align: center;
    }
    .slide-left img{
        height:140px;
    }
    .slide-right{
        padding-top:10px;
        width:100% !important;
    }
    .slide-right button{
        width:36px !important;
    }
    .slide-right .w-full{
        width:calc(100% - 36px) !important;
    }
    #list-slide .list-slide-item:last-child{
        margin-bottom:0px !important;
        border-bottom:none !important;
    }
    .visible-xs-inline{
        display:inline-block;
    }
    .box-edit .left{
        padding-right:10px !important;
    }
    .box-edit .mid{
        padding-left:10px !important;
        padding-right:10px !important;
        border-left:none !important;
        border-right:none !important;
    }
    .box-edit .right{
        padding-left:10px !important;
    }
    #panel_modify_time_slot{
        width:calc(100% + 20px) !important;
        left:-10px !important;
    }
    .modal{
        width:100vw !important;
        overflow-y: auto !important;
    }
    #panel-choose-library-image{
        padding-left:20px;
        padding-right:20px;
        margin-top:0px !important;
    }
    #display-library li{
        width:50% !important;
    }
}