@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)

{
    .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;
    }
}

@media screen and (max-width:850px)

{
}

@media screen and (max-width:768px)

{
    .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;
}
.review_rating_box_box1
{
    margin: 15px 0;
}
}


@media screen and (max-width:600px)

{
    .payout_search_area {
        flex-wrap: wrap;
    }
    .payout_start_date
    {
        margin: 0 !important;   
        margin-bottom: 5px !important;
    }
    .payout_end_date
    {
        margin: 0 !important;
        margin-bottom: 15px !important;
    }
    .home_testimonial_box1 {
        flex-wrap: wrap;
    }
    .home_testimonial_box1 .right_area {
        padding-left: 0;
        margin-top: 12px;
    }
}

@media screen and (max-width:576px)

{
}


@media screen and (max-width:480px)

{
}

@media screen and (max-width:400px)

{
}