@media all and (min-width: 1200px) {

}

@media all and (min-width: 1025px) {

}

@media all and (max-width: 1200px) {

    /* Nav */
    .navbar-collapse {
        flex-basis: auto;
    }

    .col-sidenav {
        position: absolute;
        top: 80px;
        left: 0;
        z-index: 10;
        transform: translateX(-100vw);
        transition: all 300ms ease;
    }

    .col-sidenav.toggle-sidebar {
        transform: none;
        left: unset !important;
        height: 100%;
        background: white;
    }

    /* Content */
    .content-container {
    margin: 1.5rem 0 !important;
    }

    .app-listing .card-header .search {
        width: 100% !important;
    }

    .app-listing #single-site-tabs .nav-item {
        min-width: 100%;
    }

    .app-listing #single-site-tabs-content .input-group .app-input-group-text {
        width: 100%;
    }

    .app-listing #single-site-tabs-content .input-group input, .app-listing #single-site-tabs-content .input-group select {
        border-radius: 0 0 5px 5px;
        border-left: 1px solid #d2d6da !important;
    }

    .container-billing-spending .row > .input-group {
        min-width: 50%;
    }
}

@media all and (max-width: 575px) {

    .page-support-single .app-input-group-text {
        min-width: auto;
    }

}