@media (min-width:768px){
    .w-md-100{
        width: 100%;
    }
    .h-md-100{
        height: 100%;
    }
.offcanvas.SideMenu {
    position: fixed;
    left: 20px;
    transform: translateX(0)!important;
    top: 20px;
    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;
    border-radius: 10px;
    bottom: 20px;
}

.main-wrapper-right{
    padding-left:19.25rem;
}
}


@media (max-width:1400px){
.converSide {
    width: 360px;
}
button.btnTg {
    left: 370px;
}
.Hide .converSide{margin-left: -360px;}
}

@media (max-width:991px){
    .overlay.overflow-hidden {
        overflow: auto !important;
    }
    .Hide .converSide {
        margin-left: 0;
    }
.btnTg{display: none;}
.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;
}
.min-h-100dvh {
    min-height: auto;
    min-height: auto;
    height: auto;
}
.mainContiner {
    height: auto;
    padding: 20px;
}
.cardMax {
    padding: 50px 30px 20px;
    border-radius: 10px;
}
.h1 {
    line-height: 1;
}
}