@media screen and (min-width:1366px)

{

}

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

{

}

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

{


}

@media screen and (max-width:1100px)
{

}

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

{

}

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

{
    h1{font-size: 30px;}
    h2{font-size: 25px;}
    h3{font-size: 22px;}
    h4{font-size: 20px;}
    h5{font-size: 18px;}
    h6{font-size: 16px;}

    .left_pannel {
        margin-left: -240px;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 9999;
        bottom: 0;
    }
    .right_pannel {
        width: 100%;
    }
    .left_pannel.active {
        margin-left: 0;
    }

    .right_top_header {
        justify-content: flex-start;
        flex-direction: row-reverse;
    }
    .right_top_header .menu
    {
        margin-left: 10px;
    }
    .login_logo_section
{
  border: none;

}
.login_body .right_area {
    width: 100%;
    margin: 0;
    padding: 40px;
    margin-top: 30px;
    text-align: center;
}
.login_form
{
    text-align: left;
}

}

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

{
}

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

{
    h1{font-size: 25px;}
    h2{font-size: 22px;}
    h3{font-size: 20px;}
    h4{font-size: 18px;}
    h5{font-size: 16px;}
    h6{font-size: 15px;}
    .login_body_inner .img_area
{
    display: none;
}
.login_body_inner .right_area {
    width: 100%;
    padding:30px;
}
.logo_sletion img
{
  width: 100%;
  max-width:150px;
}
.table_area .table_body .mobile_heading {
    display: block;
}
.table_area .table_header {
    display: none;
}
.table_area .table_body > div {
    width: 100% !important;
    float: left;
    margin: 5px 0;
    display: flex;
    align-items: flex-start;
}
.table_area .table_body {
    flex-wrap: wrap;
    display: block;
    text-align: left;
}
.table_area .table_body .mobile_heading {
    display: block;
}
}


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

{
}

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

{
    .login_body .right_area {
        padding: 30px;
    }
}


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

{
}

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

{
}