@media (min-width:768px){
    .h-md-100{
        height: 100%;
    }
    .offcanvas.SideMenu {
        position: fixed;
        left: 0px;
        transform: translateX(0)!important;
        top: 0px;
        visibility: visible!important;
        width: 18rem!important;
        z-index: 3;
        border-color: rgba(125,135,155,.2) !important;
        border-right: 0;
        box-shadow: 0 3px 16px #8e86ab0d;
    }

.main-wrapper-right{
    padding-left:18rem;
}
}
@media (max-width:991px){

.converSide {
    width: 100%;
    border-radius: 0px;
}
.converSide {
    width: 100%;
    border-radius: 0px;
    padding: 0 0 20px;
}
.VideoCompose {
width: 300px;
height: 300px;
}
}
@media (max-width:767px){
.overlay {
position: static;
inset: 0;
border-radius: inherit;
padding: 0;
}
.offcanvas.offcanvas-start{border-right: 0;}
.btnCallPause {
position: static;
margin-top: 10px;
}
.login-images {
    border-radius: 10px;
    height: 100vw;
}
}