@media (max-width: 575.98px) {
    .messenger-container {
        right: 0px;
        bottom: 0px;
        width: 100%;
        height: 80%;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .16), 0 0 0 1px rgba(0, 0, 0, .08);
        position: fixed;
        z-index: 2001;
        background-color: rgb(255, 255, 255);
        border-radius: 10px;
    }
}

@media (min-width: 576px) {
    .messenger-container {
        right: 80px;
        bottom: 0px;
        width: 420px;
        height: calc(100vh - 110px);
        max-height: 820px;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .16), 0 0 0 1px rgba(0, 0, 0, .08);
        position: fixed;
        z-index: 2001;
        background-color: rgb(255, 255, 255);
        border-radius: 10px;
    }
}

.close-messenger-btn{
    float: right;
    margin-right: 5px;
    cursor: pointer;
    color: white;
}

.message-page-href{
    float: right;
    margin-right: 15px;
    cursor: pointer;
    color: white;
}

.svg-style{
    font-size: 24px; 
    height: 24px; 
    width: 24px;
    color: white;
}