@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) {}

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

@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;
    }

    @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;
        }
    }

    /* 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;
        }

    }

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

    @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;
    }
}


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

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

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

/* only iphone4 landscape & Potriat 380*/

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

    .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) {}