@media (max-width: 1100px) {
    #pane {
        display: none;
        animation: move_right_pane 0.2s;
        width: 100%;
    }

    #smallpane {
        display: none;
    }

    #top {
        padding-left: 0;
    }

    #top-search {
        display: none;
    }

    #page {
        margin-left: 0px!important;
        padding-bottom: 50px;
    }

    #top {
        display: block;
    }

    #pane-bottom {
        display: none;
    }

    #bottom {
        display: block;
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 45px;
        border-top: 1px solid #eee;
        background-color: #fafafa;
        text-align: center;
        padding-top: 7px;
        padding-right: 60px;
        z-index: 10005;
    }

    #bottom span {
        padding-left: 20px;
        padding-right: 20px;
    }

    #bottom label {
        position: absolute;
        left: 10px;
        color: #214478;
    }

    .contentc {
        width: 100%;
    }

    .frame {
        border-radius: 0!important;
    }

    #page-loading {
        left: 0px;
        width: 100%;
        bottom: 45px;
    }

    #app-tool {
        bottom: 17px;
    }

    #app-tool .plus, #app-tool select {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 8px;
    }

    #sidebar, #app_sidebar, .sidebar, .app_sidebar {
        display: none;
    }

    #dbapp-center {
        text-align: center;
        padding-bottom: 40px;
    }

    #dbapp-center .plus {
        margin-right: 20px;
    }

    .tabs {
        margin-bottom: 0;
    }
    
    #dbapp-tabs {
        display: block;
        margin-right: 30px;
        margin-left: 20px;
        margin-bottom: 20px;
    }

    .edit-add-db {
        text-align: center;
    }

    .edit-list-db .elem .title, .edit-list-db .elem .titleg {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .edit-list-db .elem .desc:last-child {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    #object-show {
        border-radius: 0;
    }

    #wall-back {
        left: 0;
    }

    #wall-genaiback {
        display: none;
    }

    #wall-sign {
        position: inherit;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
    }

    .movedialog {
        left: 0px;
        padding-bottom: 60px;
    }

    .movedialog .insight .user, .movedialog .insight .bot, .movedialog .insight .link, .movedialog .insight .next {
        width: 100%;
    }

    #dialog-source-desc, #dialog-source-waitlist {
        width: 100%;
    }

    @keyframes move_right {
        0% { left: -250px; }
        100% { left: 0px; }
    }

    @keyframes move_right_pane {
        0% { left: -100%; }
        100% { left: 0px; }
    }

    #form-home {
        width: 100%;
    }
}

@media (max-width: 650px) {
    .content .frame {
        padding: 20px 10px;
    }

    .insight {
        margin-left: 0px;
        margin-bottom: 0;
        padding-left: 1px;
        padding-right: 1px;
    }

    .bot .tool {
        display: none;
    }

    #ins-timezone {
        float: right;
    }

    .sources-sql-prop {
        text-align: left;
        margin-bottom: 5px;
    }

    #sources-connect {
        padding: 0;
    }

    #sources-catalogs-0, .sources-join-catalogs {
        width: 40%;
    }

    #sources-tables-0, .sources-join-tables {
        width: 58%;
    }

    .sources-join-left, .sources-join-right {
        width: 38%;
    }

    .sources-join-eq {
        width: 6%;
        padding-left: 0;
        padding-right: 0;
    }

    .sources-join-type {    
        width: 15%;
    }

    .semantic-name {
        width: 100%;
        text-align: left;
        margin-left: 10px;
    }

    .semantic-rename {
        width: 66%;
    }

    .sources-coltype {
        width: 26%;
    }

    #sources-data {
        margin-left: 0px;
        border-radius: 0px;
    }

    #wall .date {
        margin: 0;
        padding: 0 10px 10px 10px;
        width: 100%;
    }

    .wall-delete {
        float: right;
        margin-bottom: 15px;
        margin-right: 4px;
    }

    .data-block {
        margin-left: 0px;
        margin-right: 0px;
        border-radius: 0px;
    }

    .content {
        padding-top: 20px;
        padding-left: 2px;
        padding-right: 2px;
        width: 100%;
    }

    .prefs-left {
        width: 100%;
        text-align: left;
        margin-bottom: 5px;
    }

    .dialog {
        padding: 30px 5px;
        border-radius: 0px;
    }

    .signup {
        width: 100%;
        border-radius: 0;
    }

    .llmform .list {
        padding: 10px 10px;
    }

    .llmform textarea, .llmform .list, .llmform input[type="date"], .llmform input[type="time"]  {
        /*border-radius: 0;*/
    }

    #pricing {
        padding: 0;
    }

    #pricing .box {
        border-radius: 0;
    }

    #tabs-home {
        display: none;
    }

    #select-home {
        display: inline-block;
    }
}