/* PC styles */
@media (min-width: 1024px) {
    .chat-content.new-topic .welcome-pane,
    .chat-content.new-topic .chat-input,
    .chat-content.new-topic .suggested-questions {
        width: 48%;
    }

    .chat-content {
    }

    .chat-input {
    }

    .suggested-questions {
    }
}

/* Tablet styles */
@media (min-width: 768px) and (max-width: 1023px) {
    .chat-content.new-topic .welcome-pane,
    .chat-content.new-topic .chat-input,
    .chat-content.new-topic .suggested-questions {
        width: 70%;
    }
    .chat-content .chat-messages {
        width: 60%;
        padding: 0px 50px 0px 60px;
    }
    .chat-content .chat-input {
        width: 70%;
    }
    .side-pane {
        width: 36%;
        padding: 10px;
        height: -webkit-fill-available;
        z-index: 2;
    }
}

/* Phone styles */
@media (max-width: 767px) {
    .chat-content.new-topic .welcome-pane,
    .chat-content.new-topic .chat-input,
    .chat-content.new-topic .suggested-questions {
        width: 80%;
    }
    .chat-content .chat-messages {
        width: 80%;
        padding: 0px 40px 0px 52px;
    }
    .chat-content .chat-input {
        width: 90%;
    }
    .side-pane {
        width: -webkit-fill-available;
        padding: 10px;
        position: fixed;
        height: -webkit-fill-available;
        z-index: 2;
        transform: translateX(0%);
    }
    .side-pane.collapsed {
        transform: translateX(-100%);
        width: -webkit-fill-available;
    }
}