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

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

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

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

@media (min-width: 1400px) {}

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

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

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

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

    a.profile_div h6 {
        font-size: 15px;
    }

    a.profile_div h6 span {
        font-size: 12px;
    }

    a.satting {
        margin-right: 10px;
    }

    a.satting svg {
        width: 20px;
        height: auto;
    }

    a.calander {
        margin-right: 10px;
    }

    a.calander svg {
        width: 20px;
        height: auto;
    }

    a.notification {
        margin-right: 0px;
    }

    a.notification svg {
        width: 20px;
        height: auto;
    }

    .search_bar {
        width: 30%;
    }


    a.profile_div img.profile {
        width: 40px;
        height: 40px;
    }

    a.create_btn {
        width: 190px;
        font-size: 13px;
        margin-right: 10px;
    }

    a.create_newjob {
        width: 140px;
        font-size: 13px;
    }

    .calander_box .heading {
        margin: 20px 0px;
        width: 100%;
        float: left;
    }

    /*15-12-2025*/
    .calendar-grid {
        overflow: scroll;
    }

    .calendar-day-header {
        padding: 8px 3px;
    }

    .calendar-title {
        font-size: 14px;
    }

    .sync-btn {
        font-size: 11px;
    }

}

@media only screen and (max-width: 1080px) {
    .recentJobs_details .recentJobs_info .info_col {
        height: 50px;
    }
}

@media (max-width: 1024px) {
    .header-container {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-right {
        width: 100%;
        justify-content: flex-start;
    }

    .search-container {
        max-width: 100%;
    }
}

/*===================================================================*/

@media only screen and (max-width: 991px) {
    .main_header {
        position: relative;
    }

    .search_bar {
        width: 50%;
        margin-bottom: 20px;
    }

    a.create_btn {
        margin-bottom: 20px;
    }

    .headingbox {
        margin: 0px 0px 0px;
    }

    .rightside {
        background: #EFFAFC;
        border-left: 1px solid #C2DCE1;
        margin: 0px 12px;
        width: calc(100% - 24px);
    }

    .header_bg::after {
        display: none;
    }

    .set-right {
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 100%;
    }

    .main_div.aipowered .row {
        padding-top: 0px;
    }

    #content-wrapper .myjob_tab_cont ul li {
        width: calc(50% - 20px);
    }

    /*15-12-2025*/
    .calendar-box {
        padding: 5px;
    }

    .calendar-card {
        width: 100%;
    }

    .booking .container {
        flex-wrap: wrap;
    }

    .form-profile .form-row {
        grid-template-columns: 1fr;
    }

    .job_leads_list .info_col {
        width: 28%;
        height: 50px;
    }
}

@media only screen and (max-width: 900px) {
    .search_bar {
        width: 100%;
        margin-bottom: 20px;
    }

    a.profile_div h6 {
        font-size: 14px;
    }

    a.profile_div h6 span {
        font-size: 12px;
    }

    a.satting svg {
        width: 17px;
    }

    a.calander svg {
        width: 17px;
    }

    a.notification svg {
        width: 17px;
    }

    .rate_progressbar .progress-content-outter {
        width: 90%;
    }

    .chat_box {
        width: 100%;
    }

    .msg_pro {
        width: 100%;
        margin-top: 10px;
    }



}

/*==========================================================================================================*/

@media only screen and (max-width: 767px) {
    .search_bar {
        width: calc(100% - 220px);
    }

    .profile_info {
        width: 60%;
        margin-top: -45px;
    }

    a.create_btn {
        margin-bottom: 20px;
        margin-right: 0px;
    }

    #customize_div .in_mobile label {
        display: none;
    }

    #customize_div .in_desktop label {
        display: block;
    }

    .toggled .sidebar-nav>li a {
        font-size: 15px;
    }

    .basic-form .display_image {
        float: left;
    }

    .pdf-web-view {
        width: 95%;
    }

    .myjob.container.py-4 {
        padding: 0 30px 0 30px;
    }

    .job-card {
        padding: 20px 20px 65px;
    }

    .job-tab {
        padding: 6px 3px;
    }

    .countbox h5 {
        margin: 5px 0px;
    }

    a.viewall_btn {
        position: relative;
        display: inline-block;
        margin-bottom: 20px;
    }

    .dataTables_filter {
        width: 100%;
    }

    .myjob.container.py-4 {
        padding: 0px 16px 0 15px;
    }

    .set-right div.text-teal {
        font-size: 14px;
    }

    .set-right div.text-small {
        font-size: 12px;
    }

    .text-muted {
        font-size: 12px;
    }

    #content-wrapper p.date-time-num {
        font-size: 14px;
    }

    .quote-card a.pecomeaTradie_btn {
        font-size: 14px;

    }

    .summary-card img {
        width: 50px;
    }

    .quote-card a.pecomeaTradie_btn {
        font-size: 14px;
        margin: 0 10px !important;
    }

    .quote-card {
        padding: 20px;
    }

    /*10-12-2025*/
    .aipowered .modal .modal-dialog.modal-dialog-centered {
        width: 100%;
        padding: 0 40px;
    }

    .modal-body {
        padding: 9px;
    }

    .estimate-box .col-md-7 {
        width: 100%;
    }

    .myjob_tab ul.tab-menu {
        display: none;
    }

    .rate_progressbar .progress-content-outter {
        width: 85%;
    }

    .step_txt {
        width: 100%;
        float: right;
        margin: 20px 0px;
    }

    #content-wrapper .myjob_tab_cont ul li {
        width: 100%;
        margin-right: 0px;
    }

    .msg_pro {
        width: calc(100% - 70px);
        margin-top: 0px;
    }

    .msg_chat {
        margin-top: 30px;
    }

    /*15-12-2025*/
    .booking.header_bg {
        padding: 0 10px;
    }

    .calendar-card {
        padding: 10px;
    }

    .booking .quote-card {
        padding: 10px;
    }

    .appt-card .row .row .col-lg-4.col-md-6.col-xs-12 {
        padding: 5px;
    }

    #content-wrapper .appt-card p.date-time-num {
        line-height: 13px;
    }



    /*------reviews_ratings------*/

    .pad_l15 {
        margin-top: 15px;
    }

    .service-card {
        padding: 20px;
        margin-bottom: 20px;
    }

    .card-header {
        flex-direction: column;
        gap: 16px;
    }

    .rating-section {
        align-items: flex-start;
        width: 100%;
    }

    .provider-info {
        width: 100%;
    }

    .form-row {
        grid-template-columns: 1fr;
    }

    .form-row.triple {
        grid-template-columns: 1fr;
    }

    .profile-card {
        margin-bottom: 20px;
    }

    .info-row {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .dispute-card {
        padding: 20px;
    }

    /*15-12-2025*/
    .booking.header_bg {
        padding: 0 10px;
    }

    .calendar-card {
        padding: 10px;
    }

    .booking .quote-card {
        padding: 10px;
    }

    .appt-card .row .row .col-lg-4.col-md-6.col-xs-12 {
        padding: 5px;
    }

    #content-wrapper .appt-card p.date-time-num {
        line-height: 13px;
    }

    /*16-12-2025*/

    .notification-full .heading-top .text-muted.sub-heading {
        padding-bottom: 10px;
    }

    /*-----------job_leads----------*/
    .header-right {
        flex-wrap: wrap;
    }

    .search-container {
        width: 100%;
    }

    .filter-button {
        flex: 1;
        justify-content: center;
    }

    .job_leads_list .info_col {
        width: 45%;
        height: 50px;
    }

    h6.right_side_txt {
        position: relative;
    }

    .recentJobs_details .recentJobs_info .info_col {
        width: 100%;
    }

    .tabs {
    width: 100%;
    margin: 0px;
    padding-bottom: 0px;
}
}

/* only iphone4 landscape & Potriat 300 by 480*/

@media only screen and (max-width: 576px) {
    .search_bar {
        width: 100%;
    }

    .profile_info {
        width: 100%;
        margin-top: 0px;
    }

    a.create_btn {
        margin-right: 10px;
    }

    #sidebar-wrapper {
        width: 70px;
    }

    #sidebar-wrapper .logo_img svg {
        width: 100%;
    }

    #content-wrapper {
        margin-left: 70px;
        width: calc(100% - 70px);
        float: right;
        background: #fff;
        border-radius: 20px 0px 0px 20px;
        position: relative;
    }

    .chart__container {
        width: 100%;
        float: right;
    }

    a.pecomeaTradie_btn {
        padding: 8px;
        font-size: 14px;
    }

    .fw-bold {
        font-size: 18px;
    }

    .card-heading {
        font-size: 17px;
    }

    .font-title {
        font-size: 16px;
    }

    button.cont-btn b {
        font-size: 11px;
    }

    .cont-btn svg {
        height: 15px;
        width: 15px;
        top: 10px;
        left: 5px;
    }

    .myjob .top-sec div {
        margin-bottom: 5px;
    }

    .myjob .top-sec div.btn-group {
        padding: 0;
    }

    .cont-btn,
    .cont-btn.rev {
        font-size: 10px;
        padding: 6px 9px;
        padding-left: 25px;
        flex: 0 0 45%;
    }

    .cont-btn svg {
        height: 15px;
        width: 15px;
        position: absolute;
        left: 4px;
        top: 7px;
    }

    a.newnotes_btn {
        position: relative;
        margin-top: 20px;
        display: inline-block;
    }

    .step_txt {
        width: 100%;
        margin-top: 10px;
    }

    .ai {
        padding-top: 10px;
    }

    .set-right {
        display: block;
    }

    /*10-12-2025*/
    .aipowered .modal .modal-dialog.modal-dialog-centered {
        padding: 0 20px;
    }

    .model-box-full .col-6 {
        width: 100% !important;
    }

    /*16-12-62025*/
    .notification-card {
        padding: 15px 10px;
        flex-direction: column;
    }

    .header_bg.notification-full {
        padding: 0 15px;
    }

    .notification-full .heading-top .icon-btn {
        margin-bottom: 10px;
    }

    .rate_progressbar .progress-content-outter {
        width: 80%;
    }

    .myjob_tab_cont {
        padding: 10px;
    }

    #content-wrapper .myjob_tab_cont .performance ul li .progress-title {
        z-index: 100;
        color: #000;
        font-size: 13px;
        font-weight: 600;
    }

    #content-wrapper .myjob_tab_cont .performance ul li .progress-title {
        font-size: 13px;
        font-weight: 600;
    }

    #content-wrapper .myjob_tab_cont .performance ul li .progress-number-mark {
        font-size: 12px;
        font-weight: 400;
    }

    .total_cont .jobdone,
    .total_cont .yearsexp {
        width: 40%;
    }

    .total_cont .jobdone h4,
    .total_cont .yearsexp h4 {
        font-size: 21px;
    }

    .total_cont .jobdone h4 span,
    .total_cont .yearsexp h4 span {
        font-size: 12px;
    }

    .reviews_profile img.profile_img {
        width: 54px;
        height: 54px;
        border-radius: 10px;
    }

    .myjob_tab_cont .heading h5 {
        display: inline-block;
        width: 100%;
    }

    .review_rate {
        margin: 10px 0px;
    }

    .chat_form input[type="text"] {
        width: calc(100% - 60px);
        margin-bottom: 20px;
    }

    .chat_form button {
        width: 100%;
        margin-left: 0px;
    }

    .heading_btn {
        width: auto;
        position: relative;
        top: AUTO;
        right: AUTO;
        MARGIN-TOP: 10PX;
    }

    .chat_area {
        padding-bottom: 180px;
    }

    .job_leads_list .info_col {
        width: 100%;
        margin-right: 0px;
    }

    .job_leads_list .info_col h5 {
        width: auto;
        margin-right: 0px;
    }

}

/*==========================================================================================================*/

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

    a.create_btn {
        display: none;
    }

    a.create_newjob {
        display: none;
    }

    .recentJobs_list .colum h4 {
        width: calc(100% - 100px);
    }

    .contbox {
        padding: 10px;
    }

    .basic-form {
        padding: 10px;
    }

    .searchbar {
        width: 90%;
    }

    .chet_box_left {
        width: 95%;
    }

    .chet_box_right {
        width: 95%;
    }

    .otp-input-fields input {
        width: 15.5%;
    }

    #canvas_line {
        width: 100%;
    }

    .cont-btn,
    .cont-btn.rev {
        font-size: 10px;
        padding: 6px 9px;
        padding-left: 25px;
        flex: 0 0 100%;
    }

    .btn-group {
        display: flex;
        flex-wrap: wrap;
    }

    .job-tab {
        flex: 0 0 45%;
        margin-bottom: 5px;
    }

    .aipowered a.create_newjob {
        display: block;
    }

    .header_bg {
        padding: 0px;
    }

    /*------reviews_ratings------*/
    .service-card {
        padding: 16px;
    }

    .service-title {
        font-size: 16px;
    }

    .provider-avatar {
        width: 36px;
        height: 36px;
    }

    .provider-name {
        font-size: 13px;
    }

    .provider-category {
        font-size: 12px;
    }

    .review-text {
        font-size: 13px;
    }

    .reply-box {
        padding: 14px;
    }

    /*------setting----*/

    .profile-card {
        max-width: 100%;
    }

    .profile-banner {
        height: 70px;
    }

    .profile-avatar {
        width: 70px;
        height: 70px;
    }

    .avatar-section {
        margin-top: -35px;
    }

    .profile-name {
        font-size: 17px;
    }

    .profile-email {
        font-size: 12px;
    }

    .save-button {
        width: 100%;
    }

    .dispute-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .photos-container {
        overflow-x: auto;
    }

    /*16-12-2025*/
    .modal-content label {
        width: 50px;
    }

    .profile_completion .completion-banner {
        padding: 16px 20px;
        gap: 16px;
    }

    .profile_completion .progress-circle {
        width: 70px;
        height: 70px;
    }

    .profile_completion .progress-text {
        font-size: 18px;
    }

    .profile_completion .completion-title {
        font-size: 18px;
    }

    .profile_completion .completion-subtitle {
        font-size: 13px;
    }


    /*-----------job_leads----------*/

    .page-title {
        font-size: 24px;
    }

    .page-subtitle {
        font-size: 13px;
    }

    .header-right {
        flex-direction: column;
        gap: 10px;
    }

    .filter-button {
        width: 100%;
    }
  
}


/*==========================================================================================================*/

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

/*==========================================================================================================*/

/* only iphone4 landscape & Potriat 380*/

@media only screen and (max-width: 380px) {
    .info_col h5 {
        width: 100%;
    }

      .info_col h5 {
    width: auto;
}

    .recentbox ul li h5 {
        font-size: 15px;
        width: 100%;
        display: inline-block;
    }

    .rate_progressbar .progress-bar {
        position: relative;
        height: auto;
        padding-right: 0px;
    }

    .rate_progressbar .progress-bar h4.progress-title-holder {
        position: relative;
        width: 100%;
        height: auto;
        margin: 0px;
        padding: 0px;
    }

    .rate_progressbar .progress-content-outter {
        width: 100%;
        margin-left: 0px;
    }

    .myjob_tab_cont {
        padding: 10px;
        height: auto;
    }

    .msg_pro {
        width: 100%;
        margin-top: 10px;
    }
}

/*==========================================================================================================*/

/* only iphone4 Potriat 3008 */

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