@media only screen and (max-width: 1440px) {
    .car-card {
        width: calc(16.28% - 15px);
    }

        .car-card .car-data h4 {
            font-size: 16.83px;
        }

        .car-card .car-data p {
            font-size: 14.691px;
        }

    .searchbar-sec {
        max-width: 470px;
        width: 100%;
    }

    .swipe-buttons button {
        height: 80px;
    }

    .swipe-buttons img {
        width: 45px;
    }

    .mobileHead {
        display: none !important;
    }

    .chekDet {
        font-size: 30px;
    }
}

@media only screen and (max-width: 1360px) {
    .dashboard-container .dekstop-carousel .ui-widget.ui-widget-content {
        height: 500px !important;
    }

    .dropdown {
        margin-right: 15px;
        max-width: 120px;
        width: 100%;
    }

        .dropdown select {
            font-size: 14px;
            padding: 6px;
        }

    .searchbar input {
        font-size: 14px;
        padding: 7px;
    }

        .searchbar input::placeholder {
            font-size: 14px;
        }

    .searchbar-sec {
        max-width: 300px;
        width: 100%;
    }

    .awesome__thumbnails .thumb {
        /*   padding: 10px;*/
    }

    .awesome__slider div img {
        width: 100%;
        height: auto;
    }

    .job-des > p,
    .job-des > h3 {
        font-size: 18px;
        top: 21px;
    }

    .dashboard-container .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        font-size: 18px;
    }

    .dashboard-container .dekstop-carousel .ui-widget.ui-widget-content {
        height: auto;
    }

    .dashboard-container .ui-tabs .ui-tabs-nav {
        padding: 10px;
    }

    .job-des > p {
        right: 10px;
    }

    .job-des > h3 {
        left: 10px;
    }

    .car-job-row {
        padding-right: 0;
    }

    .mobileHead {
        display: none !important;
    }
}

@media screen and (max-width: 1132px) {
    #editedImgDiv .pixie-root > div {
        display: none;
    }
}

@media only screen and (max-width: 1199px) {
    .car-card {
        width: calc(18.28% - 15px);
    }

    .job-des > p,
    .job-des > h3 {
        font-size: 12px;
    }

    .dashboard-container .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        font-size: 12px;
    }

    .job-des > p,
    .job-des > h3 {
        font-size: 18px;
        top: 16px;
    }

    .mobileHead {
        display: none !important;
    }

    .job-description h3 {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1024px) {
    .car-card {
        width: calc(24.28% - 15px);
    }

    .mobileHead {
        display: none !important;
    }
}

@media only screen and (max-width: 991px) {
    .logo-sec {
        max-width: 102px;
        width: 100%;
        margin-right: 15px;
    }

    .job-description .col-4 {
        max-width: 50%;
        flex: 0 50%;
    }

    .logo-sec img {
        width: 100%;
        height: 100%;
    }

    .login-sec button {
        max-width: 120px;
        padding: 8px 10px;
        font-size: 14px;
    }

    .footer-inner ul .footer-link {
        font-size: 14px;
    }

    .footer-inner .copyright {
        font-size: 14px;
    }

    .awesome__thumbnails {
        padding: 0;
    }

        .awesome__thumbnails .thumb {
            width: 48%;
        }

    .mobileHead {
        display: none !important;
    }

    /*1-8-2021*/

    .job-description {
        padding: 10px 15px;
    }

    .annotation-btns ul {
        justify-content: end;
    }

    .job-description .col-4 {
        padding: 0;
    }
}

@media (min-width: 768px) and (max-width: 1400px) {
    .problem-card .col-6 {
        padding: 0 5px;
    }

    .prb-card > p {
        font-size: 13px;
    }

    .prb-card {
        padding: 7px;
        margin-bottom: 15px;
    }

    #submitBtn,
    #cancelBtn {
        padding: 12px;
    }

    .prb-card {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .originalDesktopBtn, .editedImgBtn {
        font-size: 8px !important;
    }

    .desktopOriginalImageHead, .desktopOriginalImage {
        display: none !important;
    }

    .job-description .col-4 {
        padding: 0;
    }

    .originalImageBtn {
        display: block !important;
    }

    .problem-card textarea {
        margin-bottom: 15px;
    }

    .mobileHead {
        display: block !important;
    }

    .car-card {
        width: calc(33.28% - 15px);
    }

    .filter-sec {
        flex-direction: column;
        align-items: baseline;
    }

    .dropdown-sections {
        justify-content: start;
        margin-top: 15px;
    }

    .dropdown {
        max-width: 165px;
        width: 100%;
    }

    .footer-inner {
        flex-direction: column;
        align-items: center;
    }

    .awesome__thumbnails {
        display: none;
    }

    .job-description h3 {
        color: #000;
        font-family: Inter;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .job-description p {
        color: #000;
        font-family: Inter;
        font-size: 10px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
    }

    .edit-options {
        margin: 20px auto;
    }

    .car-selection-sec {
        height: auto;
    }

    .awesome__slider .slick-list {
        background-color: transparent;
    }

    .edit-options {
        height: auto;
    }

        .edit-options > span {
            width: 40px;
            height: 40px;
            padding: 10px;
        }

            .edit-options > span > img {
                width: 20px;
                height: 20px;
            }

    /*    .dashboard-container {
        padding: 15px;
    }*/

    .problem-card > .row {
        margin: 0 -5px;
    }

    .problem-card .col-6 {
        padding: 0 5px;
    }

    .sub-btn {
        font-size: 16px;
        padding: 14px 10px;
    }

    .cancel-btn {
        font-size: 16px;
        padding: 14px 10px;
        margin-top: 10px;
    }

    .user-login .btn.dropdown-toggle {
        padding: 0;
    }

    .user-login .dropdown-menu {
        min-width: 100%;
    }

    .user-login {
        margin: 0;
        background: transparent;
    }

    .header {
        padding: 14px 15px;
    }

    .user-card {
        padding: 15px;
    }

        .user-card > img {
            width: 40px;
        }

        .user-card p {
            margin-top: 20px;
            font-size: 18px;
        }

    .user-det > p {
        font-size: 12px;
    }

    .user-login .btn.dropdown-toggle > span {
        width: 35px;
        height: 35px;
    }

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

    .awesome__slider .slick-next {
        right: 0 !important;
    }

    .awesome__slider .slick-prev {
        left: 0 !important;
    }

    .job_description h3 {
        color: #000;
        font-family: Inter;
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .job_description p {
        color: #000;
        font-family: Inter;
        font-size: 10px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
    }

    .slice_icon .slick-prev,
    .slice_icon .slick-next {
        width: 38px;
        height: 38px;
    }

    .slice_icon .slick-prev {
        left: -4px;
    }

    .slice_icon .slick-next {
        right: -4px;
    }

        .slice_icon .slick-prev:before,
        .slice_icon .slick-next:before {
            top: 13px;
        }

    .slice_icon .slick-prev:before {
        left: 15px;
    }

    .login_inner form input {
        padding: 24px 18px;
    }

    .submit_login {
        padding: 10px;
        margin-top: 0;
    }

    .login_inner .form-group {
        margin-bottom: 25px;
    }

    .login_inner form label {
        font-size: 16px;
    }

    .login_elements {
        min-height: calc(100vh - 203px);
    }

    /*Summary*/
    .car-job-summary > h3 {
        font-size: 21px;
    }

    .car-job-des > div {
        font-size: 18px;
    }

    .finish-id > h3 {
        font-size: 20px;
    }

    .swipe-buttons.f-job {
        gap: 20px;
    }

        .swipe-buttons.f-job > button {
            height: 40px;
            font-size: 18px;
        }

    .car-job-des > div > img {
        width: 35px;
    }

    .finish-id > h3 {
        margin: 30px 0 20px;
    }

    .awesome__thumbnails.aw-opacity {
        display: flex;
        margin-top: 20px;
    }

    .product__slider-thmb .slick-track {
        /*width: 100% !important;*/
        display: flex;
        justify-content: center;
    }

    form#annotationErrorFrom {
        margin-top: 30px;
    }

    .problem-card .col-md-6 button {
        width: calc(100% + 24px);
        margin-left: -12px;
    }

    #editedImgMobDiv nav.z-navbar {
        display: none;
    }

    #editedImgMobDiv .pixie-root > div {
        display: none;
    }

    #editedImgMobDiv main.relative {
        margin: 0;
    }

    .car-job-summary {
        max-width: 100%;
    }

    .footer {
        padding: 15px;
    }

    .footer-inner .copyright {
        font-size: 12px;
    }

    .main {
        height: calc(100vh - 60px);
    }

    .dashboard-container {
        padding: 5px 15px;
    }

    .org {
        display: none;
    }

    .orgMobile {
        display: block;
    }

    .desktopBtn {
        display: none;
    }

    .mobBtn {
        display: block;
        width: 100%;
        max-width: 215px;
        /* justify-content: center; */
        margin: 0 auto !important;
        float: unset !important;
    }

    .mobReset {
        display: block;
    }

    .job-description .col-4:last-child {
        display: none;
    }
}

@media screen and (max-width: 575px) {
    .logo-sec {
        max-width: 60px;
        margin-right: 0px;
    }

        .logo-sec img {
            max-width: 100%;
            height: 30px;
            object-fit: contain;
        }

    .prog-bar p {
        font-size: 10px;
        margin-bottom: 5px;
    }

    .prog-bar {
        width: 58%;
    }
}

@media only screen and (max-width: 560px) {
    .originalImageBtn {
        display: block !important;
    }

    .desktopOriginalImageHead, .desktopOriginalImage {
        display: none !important;
    }

    .mobileHead {
        display: block !important;
    }

    .car-card {
        width: calc(49.28% - 15px);
    }

    .product__slider-thmb .slick-slide {
        min-height: 60px;
    }

    .problem-card {
        padding: 20px 10px;
    }

    .prb-card > p {
        font-size: 14px;
    }

    .prb-card {
        padding: 10px;
    }

    .logo-sec img {
        width: 90%;
    }
}

@media only screen and (max-width: 390px) {
    .originalImageBtn {
        display: block !important;
    }

    .desktopOriginalImageHead, .desktopOriginalImage {
        display: none !important;
    }

    .mobileHead {
        display: block !important;
    }

    .car-card {
        width: 100%;
    }
}




@media screen and (max-width:767px) {
    .set_mobHeight__pinturaEditor {
        height: 60vh !important;
    }
}