@media only screen and (max-width: 1440px) {
    div#shifts_datatable_filter {
        margin-top: 0px !important;
    }

    /*.shift_schedule_export {*/
        /*margin-top: 50px !important;*/
        /*float: left !important;*/
        /*width: 100%;*/
    /*}*/

    /*.guard_avalability_list_shift_schedule {*/
        /*position: absolute;*/
        /*margin-left: 0px;*/
        /*z-index: 9 !important;*/
        /*margin-top: -10px;*/
        /*width: 100%;*/
    /*}*/
    .select.guard_from.schedule {
        width: 14% !important;
    }
}
@media only screen and (max-width: 1199px){
    .primary_btn, .primary_btn.active, .secondary_btn, .secondary_btn.active{font-size: 14px; padding: 15px 20px}
    .side_nav_dashboard_list{padding: 35px 0 0 25px !important;}
    .side_nav_dashboard_list li:nth-child(1):before{left: -10px !important;}
    .side_nav_dashboard_list li:nth-child(2):before{left: -10px !important;}
    .side_nav_dashboard_list li:nth-child(3):before{left: -10px !important;}
    .side_nav_dashboard_list li:nth-child(4):before{left: -10px !important;}
    .side_nav_dashboard_list li:nth-child(5):before{left: -10px !important;}
    .side_nav_dashboard_list li:nth-child(6):before{left: -10px !important;}
    .side_nav_dashboard_list li:nth-child(7):before{left: -10px !important;}
    .side_nav_dashboard_list li{padding-left: 25px}
    .side_nav_dashboard_list li{font-size: 14px}
    #data_table_filter{width: auto}
    .add_client #data_table_filter, .add_guard #data_table_filter{width: 65%}
    /*table.dataTable.dtr-inline.collapsed tbody td:first-child:before, table.dataTable.dtr-inline.collapsed tbody th:first-child:before{left: -15px}*/
    .padding_lr_30{padding: 30px 0 !important;}
    /*.sidenav-main{width: 205px}*/
    #main{padding-left: 210px}
    #data_table{width: auto !important;}
    .width_350{width: auto}
    .right_box{padding-top: 35px !important;}
    .responsive_margin{margin-bottom: 10px; float: none !important; text-align: center}
    .dropdown_responsive{display: block; float: none !important; text-align: center}
    .notify{margin-top: 15px;}

}
@media only screen and (max-width: 991px) {
    .primary_btn, .primary_btn.active, .secondary_btn, .secondary_btn.active{padding: 10px; font-size: 12px}
    .user_type{font-size: 30px}
    .login_screen_heading{font-size: 20px}
    .font_size_20{font-size: 16px}
    .breadcrumb_nav .nav-wrapper{line-height: 56px}
    .main_dashboard_table{width: auto !important;}
    .activity_check_marks{display: none}
    .padding_lr_30{padding: 15px 0 !important;}
    .inner_row{margin-left: 0 !important; margin-right: 0 !important;}
    #data_table,#data_table1,#data_table2,#data_table3,#data_table4{width: auto !important;}
    #main{padding-left: 0}
    .guard_avalability{position: relative !important;margin-left: 0px !important; }
    span.fas.fa-chevron-left {margin-top: 15px;margin-left: -11px;position: absolute;}
    span.fas.fa-chevron-right {position: absolute;}
}
@media only screen and (max-width: 767px){
    .guard_avalability_list_shift_schedule{display: inline-block !important;}
    .select2.guard_from {width: 100% !important;}
    .w-15 {width: 100%;}
    .w-13 {width: 100%;}
    .add_shift_days {width: 100% !important;}
    .excel_btn_export {margin-top: 8px;margin-left: 0px;}
    .shift_schedule_export {width: 100%;}
    div#sitelist #table_id_filter, #ajax_site_table_filter {margin-top: 10px; !important;}
    div.dt-buttons{margin-left: 5px;text-align: left !important;}
    .select.guard_from {margin-bottom: 5px;}
    .grid_site_avalability{position: relative !important;margin-left: 0px !important; }
    .primary_btn, .primary_btn.active, .secondary_btn, .secondary_btn.active{width: 170px; margin: 0}
    .user_type{font-size: 24px}
    .primary_btn, .secondary_btn{margin-bottom: 20px}
    .outer_login_client_page_box{padding: 0 10px !important;}
    .breadcrumb_nav a, .signup_link{font-size: 10px}
    .login_screen_heading{font-size: 14px}
    .font_size_20{font-size: 12px}
    .signup_link{width: 45%; padding: 10px 0}
    .inner_row{display: block}
    .export_list_btn, .availability_details{position: relative; float: none !important; text-align: center; right: 0}
    .add_client #data_table_filter, .add_guard #data_table_filter{width: 100%}
    .display_flex{display: block}
    .mobile_center{float: none !important; text-align: center; margin-bottom: 20px}
    .screen_height{padding: 15px 0}
    /*.screen_height{height: auto}*/
    .outer_weekly_table{overflow-x: auto; overflow-y: hidden; float: left; width: 100%; margin-top: 30px}
    .toggle_tight_side{padding-top: 20px !important;}
    #weekly_table, .monthly_sites_view{width: 800px}
    .right_side, .hidden_right_side {padding-top: 20px !important;}
    .sites_weekly_canlender{width:100%;}
    .sites_weekly_client{width: 100%;margin-bottom: 20px;}
    .sites_weekly_export{float:left !important;}
    .guard_avalability_list {position: relative !important;margin-left: 0px !important;}
    /*shift schedule*/
    .guard_avalability_list_shift_schedule{position: relative !important;margin-left: 0px !important;}
    .select.guard_from.schedule, .date_picker.guard_from.schedule {width: 100% !important;}
    div#shifts_datatable_filter {margin-top: 0px;}
    /*shift schedule*/
    #guards_datatable_availability_filter {margin-top: 0px !important;}
    .add_shift_switch {width: 100% !important;}
    .mobile_hide {display: none;}
    .shift_range {margin-top: 5px !important;}
}
@media only screen and (max-width: 480px){
    .primary_btn, .primary_btn.active, .secondary_btn, .secondary_btn.active{width: 170px; margin: 0; font-size: 12px; padding: 10px 5px}
    .primary_btn, .secondary_btn{margin-right: 20px}
    .breadcrumb_nav .nav-wrapper{line-height: 38px}
    .w-60{width: 100%}
    .w-40{width: 100%}
    .from_client_register{display: block}
    .from_client_register .upload_img_box{margin-right: 0; margin-bottom: 10px}
    .w-48{width: 100% !important;}
    .mobile_margin_box{margin-bottom: 10px}
    .menu_navigation{margin-right: 5px}
    nav ul a{padding: 0 10px}
    .date_picker{float: none !important; margin-right: 0 !important;}
    #data_table_filter{width: 100% !important;}
    #data_table1_filter{width: 100% !important;}
    #data_table2_filter{width: 100% !important;}
    #data_table3_filter{width: 100% !important;}
    #data_table4_filter{width: 100% !important;}
    .btn_site_page{padding: 9px 15px;}
    /*.dashboard_heading, .date_and_time{padding-left: 30px}*/
    .site_table_listing{padding: 15px 0 !important;}
    .site_table_listing li span{border: 1px solid #ccc !important;}
    .weekly_plan{margin-bottom: 10px}
    .date_picker_calender{    margin-right: 2%;
        width: 48%;
        display: block;
        float: left;}
    .select_company_name{    display: block;
        width: 50%;
        float: left;}
    .sites_button{float: left !important; width: 100%}
    .responsive_margin{margin-bottom: 0}
    .export_files_btn{margin-top: 10px}
    .site_table_listing li span{font-size: 10px}
}
@media only screen and (max-width: 375px){
    .primary_btn, .secondary_btn{margin-right: 0; margin-bottom: 20px}
    .primary_btn, .primary_btn.active, .secondary_btn, .secondary_btn.active{width: 180px}
    .screen_height{padding: 30px 0}

}