@media (max-width: 1600px)
{

}
@media (max-width: 1444px)
{

}
@media (max-width: 1440px)
{

}
@media (max-width: 1366px)
{

}
@media (max-width: 1300px)
{

}
@media (max-width: 1200px)
{

}
@media (max-width: 1152px)
{

}
@media (max-width: 1028px)
{
    .container{width: 100%;max-width: 100%;}
}
@media (max-width: 980px)
{

}
@media (max-width: 800px)
{

}
@media (max-width: 767px)
{
    .desktop_hide, .hide_desktopmenu {
        display: block;
    }
    #close_icon{display: none;}
    .top_header{position: fixed;width: 100%;z-index: 10;}
    .sidenav {
        height: 100%;
        width: 250px;
        position: fixed;
        z-index: 5;
        top: 0;
        left: -250px;
        background-color: #fff;
        overflow-x: hidden;
        transition: 0.5s;
        padding: 0px;
        padding-top: 90px;
        box-shadow: 8px 0px 16px #f1f1f1;
    }
    .main_area{padding: 40px 15px;padding-top: 90px;}

}
@media (max-width: 736px)
{

}
@media (max-width: 667px)
{

}
@media (max-width: 600px)
{

}
@media (max-width: 568px)
{
    .width_full label, .width_full .col-sm-5 {width: 50%;}
    .rightside_area .form-group label{margin-bottom: 0px;}
}
@media (max-width: 480px)
{
    .grid_responsive{display: grid;width: 50%;float: left; }
    .grid_responsive tr{display: grid;}
    .table_border tr th {margin-bottom: 5px;margin-right: 5px;}
    .card{padding: 16px;}
    #map-controls{top: 20px;left: 20px; width: 80%;}
    #map-controls #control-panel .form-check-inline{padding: 0px;}
}
@media (max-width: 414px)
{
    .card .card-body .badge{white-space: break-spaces;vertical-align: top;text-align: left;padding: 8px 8px;}
    .rightside_area .form-group label.badge{white-space: normal;text-align: left;}
}
@media (max-width: 375px)
{
    .rightside_area p.start_enddate {width: 100%;}
    .sub_heading button{float: none!important;margin-top: 10px;display: inherit;}
    .rightside_area h4 button{float: none!important;margin-top: 10px;display: inherit;}
}
@media (max-width: 320px)
{
    .inner_section .row{margin: 0px;}
    .inner_section .col-md-4 {padding: 20px 15px;}
    #map-controls{width: 75%;}
}