div.mibew-chat-wrapper {
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: fixed !important;
    bottom: 0px !important;
    right: 27px !important;
    max-width: 510px; /* Original width of the wrapper */
    width: 100%; /* Occupy full width */
    box-sizing: border-box; /* Include padding and border in the width */
}

iframe.mibew-chat-frame {
    background: url("images/ajax-loader.gif") center center no-repeat #f1f2f2 !important;
    margin: 0 !important;
    padding: 0px !important;
    border: 0 !important;
    outline: 0 !important;
    border: 1px solid #aaa !important;
    width: 100%; /* Occupy full width */
    height: 480px !important;
    overflow: hidden !important;
    z-index: 100 !important;
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    box-shadow: 0 1px 1px 1px #ddd !important;
    -moz-box-shadow: 0 1px 1px 1px #ddd !important;
    -webkit-box-shadow: 0 1px 1px 1px #ddd !important;
}

div.mibew-chat-frame-toggle {
    border: 1px solid black;
    position: fixed !important;
    border: 1px solid #aaa !important;
    overflow: hidden !important;
    z-index: 100 !important;
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    box-shadow: 0 1px 1px 1px #ddd !important;
    -moz-box-shadow: 0 1px 1px 1px #ddd !important;
    -webkit-box-shadow: 0 1px 1px 1px #ddd !important;
    cursor: pointer;
    right: 5px; /* Position from right edge */
    bottom: 5px !important;
}

div.mibew-chat-frame-toggle-on {
    width: 27px !important;
    height: 480px !important;
    background: #ffffff url("images/right.png") scroll no-repeat 0 0;
}

div.mibew-chat-frame-toggle-off {
    width: 40px !important;
    height: 40px !important;
    right: 5px !important;
    bottom: 5px !important;
    background: #ffffff url("images/default-logo-short.png") scroll no-repeat 4px 5px;
}

/* responsive design for mobile devices */
@media only screen and (max-width: 600px) {
    div.mibew-chat-wrapper {
        max-width: 90%; /* Adjusted for responsiveness */
    }
}