/*@media screen and (max-width: 992px) {
        .contact-left {
                flex: 0 0 72px !important;
                max-width: 72px !important;
        }
        .contact-infos {
                flex: 0 0 calc( 100% - 72px ) !important;
                max-width: calc( 100% - 72px ) !important;
        }
        .wrapper-discussion {
            z-index: 15 !important;
            position: fixed !important;
            background: #fff !important;
            width: 100% !important;
            height: 100% !important;
        }
}*/

@media screen and (max-width: 992px) {
    .contact-menu {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

@media screen and (max-width: 767px) {
    .contact-menu {
        position: fixed !important;
        bottom: 0 !important;
        z-index: 10 !important;
        background: white !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .contact-list {
        height: calc(100vh - 170px) !important;
    }
    .infos-header{
        height: 55px !important;
        line-height: 55px !important;
    }
    .logout {
        font-size: 27px !important;
        height: 55px !important;
        line-height: 55px !important;
    }
    .infos-search {
        height: 55px !important;
        line-height: 55px !important;
    }
    .infos-search form {
        position: relative !important;
        top: 8.5px !important;
    }


    .wrapper-discussion {
        z-index: 15 !important;
        position: fixed !important;
        background: #fff !important;
        width: 100% !important;
        height: 100% !important;
    }
    .d-message li{
        width: 8%;
    }
    .message-block {
        width: 72% !important;
    }
    .discussion-message {
        padding: 0 7px;
        position: fixed;
        bottom: 0;
    }
    .discussion h3{
        color: #2a2a2a;
    }
    .pad35 {
        padding-top: 15px;
    }
    .call-box{
        width: 100% !important;
    }
    .login-box{
        width: 100% !important;
    }
}

.contact-left {
    flex: 0 0 72px !important;
    max-width: 72px !important;
}
.contact-infos {
    flex: 0 0 calc( 100% - 72px ) !important;
    max-width: calc( 100% - 72px ) !important;
}