@media screen and (min-width:1366px) {
    .container {
        max-width: 1300px;
    }
}


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

}


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


}


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

}

@media screen and (max-width:992px) {
    body {
        font-size: 14px;
    }
    h1{font-size: 35px;}
h2{font-size: 28px;}
h3{font-size: 25px;}
h4{font-size: 22px;}
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;
}
}

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

    .statistic_secarh_section {
        flex-wrap: wrap;
    }
}




@media screen and (max-width:768px) {
    
    h1{font-size: 30px;}
    h2{font-size: 24px;}
    h3{font-size: 20px;}
    .card
    { 
        padding: 15px;  
    }
    .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;
    }
    .user_details_top_section
    {
        text-align: center;
    }
    .user_details_top_section .img_area {
        display: inline-block;
        float: none;
    }
    .user_details_top_section .right_text {
        width: 100%;
        margin-top: 15px;
    }
    .user_details_top_section .right_text .name_section .name {
        width: 100%;
    }
    .user_details_top_section .right_text .name_section {
        justify-content: center;
        flex-wrap: wrap;
    }
    .user_details_top_section .right_text .address {
        justify-content: center;
    }
    .user_details_top_section .right_text .address p
{
    font-size: 13px;
    margin: 0 10px;
}

}


@media screen and (max-width:650px) {
    .start_date {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin: 10px 0 !important;
    }
    .start_date .form-group
    {
        width: 100%;
    }

}



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

    .user_post_reel_item {
        min-width: calc(100% / 2);
        box-sizing: border-box;
    }  
}


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


@media screen and (max-width:400px) {
    .user_post_reel_item {
        min-width: calc(100% / 1);
        box-sizing: border-box;
    }
}