/************************ RESPONSIVE CSS START ************************************/

/*// X-Large devices (large desktops, less than 1400px)*/
@media (max-width: 1299.98px) {
    .top_user_main .top_user_m_boxes .count_no{font-size: 12px;}
    .top_user_main .top_user_m_boxes .country_flag .country_name{font-size: 12px;}
    .data_days .d_d_ul {width: 100%;display: inline-block !important;}
    .data_days .d_d_ul li {margin-right: 15px;width: auto;display: inline-block;float: none;margin-bottom: 10px;}
    .page_top_common h1{font-size: 18px;}
    .table tr th{font-size: 12px;}
    .table>thead>tr>th, .table>tbody>tr>td {padding: 8px 10px;}
    .edit_delet_plan_ul{display: flex;}
    .table tr td{font-size: 12px;line-height: 20px;}
    .t_p_title{font-size: 12px;line-height: 15px;}
    .t_p_des{font-size: 10px;line-height: 15px;}
    .edit_delet_plan_ul li a{width: 20px;height: 20px;line-height: 20px;}
    .edit_delet_plan_ul li a span{line-height: 20px;}
    .edit_delet_plan_ul li a i{font-size: 10px !important;}
    .edit_delet_plan_ul li{margin-right: 10px;}
    .a_d_status{font-size: 10px;padding: 10px;}
    .dataTables_wrapper .dataTables_paginate .paginate_button{font-size: 12px;min-width: 20px;width: 20px;height: 20px;
        line-height: 20px;}
    #datatable_info, .dataTables_info, .pagi_list_inner p{font-size: 12px;}
    .pagination a{font-size: 12px;width: 25px;height: 25px;line-height: 25px;}
    .dataTables_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.next{padding: 0px 15px;}
    .top_btn_group .btn{font-size: 10px;line-height: 15px;margin-bottom: 5px;}
    #menu-button i{margin-left: 20px;}
    .dash_user_box .dash_user_right_inner .user_box_icon{padding: 10px;}
    .dash_user_box .dash_user_right_inner .user_box_txt .t_u_no{padding: 10px 10px;font-size: 16px;}
    .dash_user_box .dash_user_right_inner .user_box_txt .t_u_txt{padding: 10px 10px;font-size: 9px;}
    .dash_user_box .dash_user_left_inner .d_u_l_boxes p{font-size: 10px;}
    .country_list_cls {height: 429px;}
    .dash_user_box{margin-bottom: 0px;}
    .modal_file_upload {width: 60%;}
    .modal_filed{width: 100%;}
    .main_content_box {padding: 15px 15px 60px;}
    .form-check {margin-bottom: 20px;}
    .commonmodal .modal-header {padding: 15px 15px 15px !important;}
/*    .anfile .modal-header {padding-bottom: 15px !important;}*/
    .commonmodal .modal-body{padding: 20px 20px !important;}
    .commonmodal #User_Chat_List_Ajax{padding: 0px 0px !important;}
    .commonmodal .modal-title{font-size: 18px;}
    .anfile .tab-content {padding: 0px 0px !important;}
    .anfile .nav-tabs {padding: 0px 0px 0;align-items: flex-end;margin-bottom: 20px;}
    .m_a_sec form .btn {padding: 10px 10px;font-size: 12px;}
    .que_form_group .que_ans_box{margin-bottom: 10px;}
/*    .commonmodal .btn{margin-top: 10px;}*/
    .user_details_page .user_details_box{padding: 15px !important;}
    .user_details_page .u_d_boxes .u_title, .user_details_page .u_d_boxes .u_det{font-size: 14px;line-height: 14px;}
/*    .page_top_common.custom_breadcumb {margin-bottom: 0px;}*/
    .profile_page .accordion-body{padding: 15px 0px 15px;}
    .profile_page .profile_data{padding-top: 5px;}
}

@media (max-width: 1280.98px) {
    .top_user_main .top_user_m_boxes .country_flag .country_name{display: none;}
    .top_user_main .top_user_m_boxes .progress {width: 500px;}
    .plan_master_main .p_m_m_box .p_m_b_t h2{font-size: 25px;}
    .plan_master_main .p_m_m_box .p_m_b_t h3{font-size: 20px;}
    .data_master .d_m_box h2{font-size: 30px;}
    .data_years .d_y_box h2{font-size: 30px;}
}


/*// Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
/*
    .top_user_main .top_user_m_boxes .country_flag .country_name{display: none;}
    .top_user_main .top_user_m_boxes .progress {width: 500px;}
    .plan_master_main .p_m_m_box .p_m_b_t h2{font-size: 25px;}
    .plan_master_main .p_m_m_box .p_m_b_t h3{font-size: 20px;}
    .data_master .d_m_box h2{font-size: 30px;}
    .data_years .d_y_box h2{font-size: 30px;}
    .page_top_common h1{font-size: 18px;}
    .table tr th{font-size: 12px;}
    .table>thead>tr>th, .table>tbody>tr>td {padding: 8px 10px;}
    .edit_delet_plan_ul{display: flex;}
    .table tr td{font-size: 12px;line-height: 20px;}
    .t_p_title{font-size: 12px;line-height: 20px;}
    .edit_delet_plan_ul li a{width: 20px;height: 20px;line-height: 20px;}
    .edit_delet_plan_ul li a span{line-height: 20px;}
    .edit_delet_plan_ul li a i{font-size: 10px !important;}
    .edit_delet_plan_ul li{margin-right: 10px;}
    .a_d_status{font-size: 10px;padding: 10px;}
    .dataTables_wrapper .dataTables_paginate .paginate_button{font-size: 12px;min-width: 20px;width: 20px;height: 20px;
        line-height: 20px;}
    #datatable_info, .dataTables_info, .pagi_list_inner p{font-size: 12px;}
    .dataTables_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.next{padding: 0px 15px;}
    .top_btn_group .btn{font-size: 12px;line-height: 12px;}
    #menu-button i{margin-left: 20px;}
    .dash_user_box .dash_user_right_inner .user_box_icon{padding: 10px;}
    .dash_user_box .dash_user_right_inner .user_box_txt .t_u_no{padding: 10px 10px;font-size: 16px;}
    .dash_user_box .dash_user_right_inner .user_box_txt .t_u_txt{padding: 10px 10px;font-size: 9px;}
    .dash_user_box .dash_user_left_inner .d_u_l_boxes p{font-size: 10px;}
    .country_list_cls {height: 429px;}
        .dash_user_box{margin-bottom: 0px;}
*/
/*    .country_list_cls {height: 457px;}*/
    
}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
    .plan_type_main .p_t_m_box h2{font-size: 18px;line-height: 18px;}
    .data_workshop .d_w_box h2{font-size: 18px;line-height: 18px;}
    .report_type_master .p_m_b_t h3{font-size: 16px !important;line-height: 16px !important;}
    .report_type_master .p_m_m_boxes{width: 50%;margin-bottom: 30px;}
    .order_view_sec .o_v_d_boxes{width: 100%;}
    .o_v_d_boxes .o_v_d_ul li {margin-bottom: 20px;font-size: 13px;line-height: 16px;}
    .o_v_d_boxes .o_v_d_ul li:last-child {margin-bottom: 20px;}  
    .p_d_i_title{width: 100%;display: inline-block !important;}
    .p_d_i_title .t_top_l{margin-bottom: 15px;}
    .p_d_i_title h2 {font-size: 20px;line-height: 20px;margin-bottom: 15px;}
    .profile_page .profile_data .pro_fill_data {width: 80%;}
    .page_top_common h1{margin-bottom: 10px;}
    .anfile .nav-tabs .nav-link {font-size: 14px;line-height: 14px;padding: 13px 15px;}
    .anfile .nav-tabs .nav-item.show .nav-link, .anfile .nav-tabs .nav-link.active{padding: 15px 15px;}
    .o_c_boxes {display: flex;width: 100%;} 
    .o_c_div {border-right: 1px solid #ddd;border-bottom: none;}
}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    .dash_user_box .dash_user_right_inner .d_u_r_i_box{margin-bottom: 20px !important;}
    .dash_user_box .dash_user_right_inner .d_u_r_i_boxes:last-child .d_u_r_i_box {margin-bottom: 0px !important;}
    .new_top_user .t_n_u_boxes{margin-bottom: 20px;}
    .new_top_user .t_n_u_boxes:last-child{margin-bottom: 0px;}
/*    .dash_user_box .dash_user_left{margin-bottom: 20px;}*/
    .top_user_main .top_user_m_boxes{margin-bottom: 20px;}
    .new_top_user .top_user_box {margin-bottom: 15px;}
    .new_top_user .top_user_box_left{text-align: center;}
    .page_top_common .breadcrumb_and_box {display: inline-block !important;width: 100%;margin-top: 0 !important;}
/*    .page_top_common .breadcrumb{margin-bottom: 15px;}*/
    .page_top_common .top_select_box {width: 100%;margin-bottom: 15px;}
/*    .edit_delet_plan_ul li {margin-right: 0;margin-bottom: 10px;}*/
    .edit_delet_plan_ul li {margin-right: 10px;margin-bottom: 0;}
    .playing_days_sec .p_d_i .p_d_i_title {display: inline-block !important;width: 100%;}
    .playing_days_sec .p_d_i .p_d_i_title h2{margin-bottom: 15px;}
    .report_type_master .p_m_m_boxes{width: 100%;margin-bottom: 20px;}
    .report_type_master .p_m_m_boxes:last-child{margin-bottom: 0px;}
    .order_master_sec .top_search .form-control {width: 100%;}
    .top_datapicker {width: 100%;justify-content: space-between;}
    .top_datapicker .s_date_box{margin-bottom: 15px;margin-right: 10px;}
    .top_datapicker .s_day_box, .top_datapicker .top_btn{padding: 0 !important;margin-bottom: 15px;}
    .top_datapicker .s_day_box:last-child{margin-bottom: 0px;}
    .top_datapicker .top_btn{margin-bottom: 0px;}
    .top_search .search-box{width: 100%;}
     .p_d_i_title .t_top_l .d-flex{width: 100%;display: inline-block !important;}
    .p_d_i_title .t_top_l .s_day_box {padding: 0 !important;margin-bottom: 15px;}
    .p_d_i_title .t_top_l .search-box{margin-bottom: 15px;}
    .t_top_l .form-select {width: 100%;}
    .p_d_i_title .btn {margin-right: 0;width: 100%;margin-bottom: 15px;}
    .top_search .btn{text-align: right;}
    .popup_sec .p_d_i_title .t_top_l .s_day_box{margin-bottom: 15px;}
    .popup_sec .p_d_i_title .t_top_l .s_day_box:last-child{margin-bottom: 0;}
    .p_d_i_title {display: inline-block !important;}
    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate{padding: 10px;margin-top: 0px;}
    .pagi_list {display: inline-block !important;width: 100%;padding: 0 !important;}
    .pagi_list .pagi_list_inner{padding: 10px;}
    .plan_master_main .p_m_m_boxes:last-child{margin-bottom: 0px;}
    .country_list_cls {max-height: 100%;height: auto;overflow-y: auto;}
    .dash_user_right_inner{margin-top: 20px;}
    .modal_file_upload {width: 100%;}
        .ps_mob_none {display: none;}
    .ps_mob_block {display: block;}
    .page_top_common {width: 100%;display: inline-block !important;}
    .page_top_common .title_bread {margin-bottom: 10px;}
    .page_top_common .title_bread .btn{padding: 5px 10px;}
    .page_top_common .title_bread .btn i{font-size: 14px;line-height: 14px;}
    .m_a_sec form .btn { padding: 10px 15px;height: auto;}
    .pagination {justify-content: center;margin: 10px;}
    .pagination a{margin-right: 10px;}
    .user_details_box .user_details_boxes:last-child .user_details_box{margin-bottom: 0px;}
}


/*// X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .sidebar {width: 0;}
    .show-menu .main-panel {width: calc(100% - 0px) !important;}
    .msidebar .sidebar {width: 100%;}
    .multiple_form{width: 100%;}
    .multiple_form .form_group .remember_box, 
    .multiple_form .form_group .forpass_box{width: 100%;text-align: left !important;}
    .orderviewinner .o_v_d {padding: 0 20px;}
    #menu-button i {margin-left: 20px;cursor: pointer;}
    .o_v_d_boxes .o_v_d_ul li .title{width: 120px;}
/*    .pagination {display: inline-block !important;}*/
    .pagination_main .page-item {margin-right: 15px;display: inline-block;}
    .profile_page .profile_data .pro_fill_data {width: 100%;}
    .profile_page .profile_data .pro_fill_box {display: inline-block !important;width: 100%;}
    .profile_page .profile_data .pro_fill_box .col {width: 100%;display: inline-block;margin-bottom: 0px;}
    .profile_page .profile_data .pro_fill_box .title {font-size: 15px;}
    .profile_page .profile_data .pro_fill_box .data {font-size: 12px;}
    .page_top_common {display: inline-block !important;margin-bottom: 0px !important;}
    .custom_breadcumb{margin-bottom: 20px !important;}
/*    .page_top_common h1{margin-bottom: 10px !important;}*/
    .table tr th{font-size: 10px;}
    .table tr th label{font-size: 10px !important;}
    .table tr td{font-size: 10px;}
    .table tr td label{font-size: 10px !important;}
    .t_p_title{font-size: 10px;line-height: 15px;}
    .page_top_common h1{font-size: 20px;}
/*    .breadcrumb_and_box{margin-bottom: 15px;}*/
    .page_top_common .breadcrumb li, .page_top_common .breadcrumb li a{line-height: 20px;}
    .data_master .d_m_boxes:last-child{margin-bottom: 0px;}
    .plan_type_main .p_t_m_boxes:last-child{margin-bottom: 0px;}
    .file-drop-zone{min-height: 200px;}
    .file-drop-zone-title{font-size: 18px !important;}
    .profile_page .profile_data .profile_box .pro_name{font-size: 16px;}
    .profile_page .profile_data .account_title p{font-size: 12px;}
    .data_days .dd_title h2{font-size: 16px;}
    .data_days .d_d_ul li a {font-size: 12px;}
    footer{width: calc(100% - 0px);}
    .chat_sec_inner .content .messages ul li .u_name_time span{font-size: 14px;}
    .user_details_page .u_d_boxes .u_title, .user_details_page .u_d_boxes .u_det {font-size: 12px;line-height: 12px;}
    .order_details h2 {font-size: 16px !important;margin-bottom: 15px !important;}
    .inquiry_page .list_title_AJAX{font-size: 16px !important;}
    
}

@media (max-width: 480.98px) {
    .show-menu .navbar-brand{margin: 0;}
    .show-menu .navbar-brand img{width: 100px;}
    #menu-button i{margin-left: 10px;font-size: 20px;}
    .dash_user_box .dash_user_left_inner .d_u_r_ul{display: inline-block !important;width: 100%;}
    .dash_user_box .dash_user_left_inner .d_u_r_ul li {width: 50%;float: left;margin: 0; padding-right: 0;
    margin-bottom: 20px;}
    .dash_user_box .d_u_l_boxes{text-align: center;margin-bottom: 20px;}
    .dash_user_box .d_u_l_boxes:last-child{margin-bottom: 0px;}
    .playing_days_sec .p_d_i .p_d_i_title .p_b_t .btn {margin-right: 0;margin-bottom: 15px;width: 100%;
        display: inline-block;text-align: left;}
    .playing_days_sec .p_d_i .p_d_i_title .p_b_t .btn:last-child{margin-bottom: 0px;}
/*    .page_top_common .breadcrumb li, .page_top_common .breadcrumb li a {margin-bottom: 10px;}*/
/*    .top_btn_group .btn{width: 100%;margin-bottom: 10px;}*/
    .top_btn_group .btn {width: 46%;margin-bottom: 10px;float: left;margin-right: 10px;padding: 8px;}
    .btn i {margin-right: 5px;height: 15px;width: 15px;line-height: 15px;font-size: 10px;}
    .anfile .nav-tabs .nav-link {font-size: 12px;line-height: 12px;padding: 13px 10px;}
    .anfile .nav-tabs .nav-item.show .nav-link, .anfile .nav-tabs .nav-link.active{padding: 15px 10px;}

    .top_search_year {display: inline-block !important;}
    .top_search_year {position: relative;width: 46%;float: left;margin-bottom: 10px;}
    .top_search_year .search-int {padding-right: 45px;width: 100%;height: 34px;}
    .top_search_year .btn{margin-bottom: 0px;height: 34px;margin-right: 0px;width: auto;}
}

@media (max-width: 767.98px) 
{

    /*25-05-2021*/
    .order_details h2{font-size: 16px !important;}
    .o_d_title .u_d_box{width: 33.33%;}

}

@media (max-width: 575.98px) 
{

/*25-05-2021*/
    .o_d_title .u_d_box{text-align: center !important;width: 100%;}
    .o_d_title .u_d_box h2{text-align: center !important;}

}

/************************ RESPONSIVE CSS END ************************************/