@media screen and (max-width:992px)

{
    
.body_left {
    margin-left: -240px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    bottom: 0;
}
.body_left.active {
    margin-left: 0;
}
footer {
    align-items: center;
}
.broadcast_modal_main_area
{
    flex-wrap: wrap;
}
.broadcast_modal_left_side {
    display: block;
    position:relative;
    width: 100%;
}
.broadcast_modal_right_side {
    width: 100%;
    padding: 15px;
}
.body_right {
    width: 100%;
}
.body_left .inside
{
    padding-top: 60px;
}
.body_left.active3 {
    margin-left: -240px;
}  
}

@media screen and (max-width:768px)

{
    .login_body_inner .left
{
    width: 100%;
    height: auto;
}
.login_body_inner .right
{
    width: 100%;
}
.login_body_inner .right .top_section h2 {
    font-size: 30px;
}
.login_copy_area
{
    display: none;
}
.login_copy_area2
{
    display: block;
}
.user_table_area .table_header
{
    display: none;
}
.user_table_area .table_body
{
    flex-wrap: wrap;
    display: block;
    text-align: left;
}
.user_table_area .table_body > div {
    width: 100% !important;
    float: left;
    margin: 5px 0;
    display: flex;
    align-items: center;
}
.user_table_area .table_body .mobile_heading {
    display: block;
}

.tooltips_box
{
    bottom: 0;
    right: -200px;
}
.user_table_area .table_body .id
{
    margin-left: 5px;
}
.action_box {
    text-align: left;
}
.new_group_popup_body
{
    padding: 0;
}
.chat_section > .left {
    width: 100%;
    padding-right:0;
    border-right: none;
}
.chat_section > .right
{
    display: block;
    float: left;
    width: 100%;
    padding-left: 0;
}
}


@media screen and (max-width:576px)

{
    .login_body_inner .right
{
    padding: 50px 20px;
}
header .left .logo_area img {
    width: 152px;
}
}