@media (min-width: 1400px) {
    .col-xl-5-col {
        width: 20%;
    }
}

@media (min-width: 1800px) {
    .col-xxxl-2 {
        width: 16.66%;
    }
}

/*---- Start Media Query ----*/

@media screen and (max-width: 1270px) {
    .filter-row-new-left .search-input {
        width: 240px;
    }

    .filter-row-new-left .filter-select {
        min-width: 160px;
    }
}

@media screen and (max-width: 1250px) {
    .specs-grid {
        grid-template-columns: repeat(5, 1fr);
    }

    .profile-reviews-testimo .service-info-left .service-thumbnail {
        width: 45px;
        height: 45px;
    }

    .landing-banner-left {
        padding: 40px;
    }

    .landing-banner-left h2 {
        font-size: 29px;
    }
}

@media screen and (max-width: 1225px) {
    .profile-reviews-testimo .service-meta-label {
        font-size: 13px;
    }

    .profile-reviews-testimo .service-meta-value {
        font-size: 14px;
    }

    .profile-reviews-testimo .service-name {
        font-size: 14px;
    }
}

@media screen and (max-width: 1150px) {
    .advancedFiltersModalBox .modal-dialog {
        width: 96%;
    }

    .filter-select-box-cover .filter-row .filter-select {
        width: 25%;
    }

    .filter-select-box-cover .filter-row {
        flex-wrap: wrap;
    }

    .client-provider-btn-cover {
        width: 180px;
    }

    .filter-row-new {
        flex-wrap: nowrap;
        align-items: flex-start;
    }

    .profile-reviews-testimo .service-info {
        flex-wrap: wrap;
    }

    .service-info-left {
        width: 100%;
    }

    .profile-reviews-testimo .service-meta {
        width: 100%;
    }

    .profile-reviews-testimo .service-meta-item::after {
        display: none;
    }
}

@media screen and (max-width: 1080px) {
    .specs-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .language-switcher {
        margin-right: 10px;
    }

    .explore-more-modulecard-iner h3 {
        padding-right: 50px;
    }

    .explore-more-modulecard-iner {
        padding-left: 68px;
    }

    .explore-more-modulecard-iner img {
        width: 45px;
    }

    .selectCategoryModalBox .selectCategoryModalDialog {
        width: 98%;
    }

    .user-profile-avatar-main {
        margin-left: 10px;
        padding-left: 10px;
    }

    .btn-create {
        margin-right: 10px;
        margin-left: 0px;
    }

    .navbar-brand img {
        width: 120px;
    }

    .search-input {
        width: 320px;
    }

    .landing-banner-left p {
        margin-bottom: 0px;
    }

    .landing-banner-right {
        display: none;
    }

    .landing-banner {
        flex-wrap: wrap;
    }

    .landing-banner-left {
        width: 100%;
        padding: 35px;
    }

    .left-form-auth-cov {
        height: 100%;
    }

    .login-main-cover .col-lg-7,
    .register-main-cover .col-lg-7 {
        width: 100%;
    }

    .welcome-right-main {
        display: none;
    }

    .left-form-auth-cov form {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 18px;
    }

    .footer-content {
        padding-left: 0px;
    }

    .login-main-cover .vh-100,
    .register-main-cover .vh-100 {
        height: 100% !important;
    }
}

@media screen and (max-width: 991px) {
    .chat-page-cover .search-container {
        position: relative;
        padding-left: 0;
        padding-right: 0;
    }

    .create-vehicles-stepform .steps-nav.steps-card {
        width: 250px;
    }

    .explore-more-module-cover .col-lg-4.col-md-6 {
        margin-bottom: 20px;
    }

    .footer {
        z-index: 109;
    }

    .sidebar {
        position: fixed !important;
        top: 0 !important;
        width: 250px !important;
    }

    .main-content {
        width: 100%;
    }

    .CategoModalListMain ul li {
        width: auto;
    }

    .filter-select-box-cover .filter-row .filter-select {
        width: auto;
    }

    .apply-filter-btn {
        width: auto;
    }

    /* .main-content {
        padding-top: 130px;
    } */

    .switch-btn-cover button {
        padding-top: 11px;
        padding-bottom: 11px;
    }

    .switch-btn-cover {
        margin-right: 10px;
    }

    /* .nav-btn-serch-cover {
        padding-bottom: 48px;
    } */

    .search-input {
        width: 100%;
    }

    .search-container {
        position: absolute;
        bottom: 10px;
        right: 0;
        width: 97%;
    }

    .search-box-common-cover .search-container {
        position: relative;
        bottom: 0px;
        right: 0px;
        width: 100%;
        padding: 0px;
    }

    .FilterModalCover .modal-dialog {
        width: 95%;
    }

    .navbar-main-cover .navbar-brand {
        margin-left: 42px;
    }

    .main-content {
        padding-left: 20px;
    }

    .sidebar {
        transform: translateX(-100%);
        width: 280px;
        max-width: 280px;
        transition: transform 0.3s ease;
    }

    .sidebar.active {
        transform: translateX(0);
    }

    .overlay {
        display: none;
    }

    .overlay.active {
        display: block;
    }

    .quotesPageFilterRow .search-container {
        position: relative;
        bottom: 0;
        top: 0;
        width: 100%;
        padding: 0px;
    }

    .quotesPageFilterRow .search-container .search-icon {
        left: 7px !important;
    }
}

@media (max-height: 700px) {
    .login-main-cover .vh-100 {
        height: auto !important;
    }

    .login-main-cover main {
        height: auto !important;
    }

    .login-main-cover {
        height: auto !important;
    }
}

@media (max-height: 825px) {

    .register-main-cover .vh-100 {
        height: auto !important;
    }

    .welcome-right-main {
        height: auto !important;
    }

    .left-form-auth-cov {
        height: auto !important;
    }
}

@media screen and (max-width: 768px) {
    .menu-item {
        padding: 12px 8px;
    }

    .sidebar-header {
        padding: 12px;
        padding-right: 50px;
    }

    .sidebar-header .DarkLightModeBtn {
        display: inline-flex;
        position: absolute;
        right: 10px;
        margin: 0;
        top: 20px;
        width: 34px;
        height: 34px;
        font-size: 13px;
    }

    .hedbtn-profimg-cover .DarkLightModeBtn {
        display: none;
    }

    .asset-details-listcard {
        min-height: 80px;
    }

    .cardDataHeightCover {
        min-height: 180px;
    }

    .no-sidebar-page-cover .navbar-brand {
        margin-left: 0px !important;
    }

    .chat-messages-area {
        height: 500px;
    }

    .chat-sidebar.mobile-show {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9;
        background: white;
        width: 270px;
    }

    .chat-filter-box-main .select-custom-cover {
        width: 45%;
    }

    .chat-filter-box-main {
        flex-wrap: wrap;
        margin-top: 5px;
    }

    .chat-page-cover .search-container .search-input {
        padding-left: 32px;
        padding-right: 15px;
    }

    .chat-page-cover .search-container {
        position: relative;
        padding-left: 0;
        padding-right: 0;
    }

    .chat-page-cover .search-container .search-icon {
        left: 6px;
    }

    .left-cat-box-cover {
        border-right: 1px solid #dee2e6;
        border-radius: 12px 0px 0px 12px;
    }

    .chat-container {
        position: relative;
    }

    .right-cat-box-cover {
        border-left: 0px;
    }

    .chat-header {
        padding-left: 55px;
    }

    .right-cat-box-cover {
        width: 100%;
    }

    .notfinishedModalCl .modal-dialog {
        width: 96%;
    }

    .accept-quote-modal-cover .modal-dialog {
        width: 93%;
    }

    .switch-btn-cover button {
        padding-top: 9px;
        padding-bottom: 9px;
    }

    .business-info-card ul li {
        width: 30%;
    }

    .user-profile-avatar-main {
        display: none;
    }

    /* .sidebar {
        padding-top: 128px;
    } */

    .search-container a {
        right: 15px;
    }

    .search-icon {
        left: 24px;
    }

    .search-box-common-cover .search-container .search-icon {
        left: 8px;
    }

    .search-box-common-cover button img {
        left: 0 !important;
    }

    .search-container {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        margin: 0px;
    }

    .btn-create,
    .btn-quote {
        font-size: 12px;
        border-radius: 6px;
        padding: 10px 10px;
    }

    .logo-head img {
        width: 120px;
        height: auto;
    }

    .left-form-auth-cov {
        padding: 30px;
        max-width: 600px;
    }

    .auth-title h1 {
        font-size: 26px;
    }

    .cust-tost-box .toast-body p {
        font-size: 15px;
    }

    .cust-tost-box .toast-body h6 {
        font-size: 15px;
    }

    .cust-tost-box .toast-body svg {
        width: 25px;
        height: 25px;
    }

    .cust-tost-box .toast-body button {
        font-size: 13px;
    }

    .footer-content-bot p {
        font-size: 14px;
    }

    .submit-form-btn-cover p {
        font-size: 16px;
    }

    .remember-forgot-box a {
        font-size: 15px;
    }

    .remember-forgot-box .form-check-label {
        font-size: 15px;
    }

    .or-divider-line span {
        font-size: 15px;
    }

    .service-reviews-card .reviews-header {
        font-size: 24px;
    }

    .service-reviews-card .section-title {
        font-size: 18px;
    }

    .service-reviews-card .rating-row {
        margin-bottom: 14px;
    }

    .service-reviews-card .ratings-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }
}

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

    .language-switcher select {
        height: 38px;
    }

    #re-list-view .card.service-card .img-container {
        height: 100% !important;
    }

    .gap-mobile-10 {
        gap: 10px;
    }

    .landing-banner-left {
        padding: 25px;
    }

    .landing-banner-left p {
        font-size: 15px;
    }

    .landing-banner-left h2 {
        font-size: 24px;
    }

    .price-range-dropdown-menu {
        left: inherit;
    }

    .pagination-main-cover .pagination {
        display: inline-flex;
        flex-wrap: wrap;
    }

    .cardList-viewDesgin-imgCtr,
    .cardList-viewDesgin-details {
        width: 100% !important;
    }

    .cardList-viewDesgin-iner {
        flex-wrap: wrap;
    }

    .specs-grid {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 20px;
    }

    .spec-item:nth-child(4n) {
        border-right: none;
        padding-right: 0;
    }

    .spec-item:nth-child(4n+1) {
        padding-left: 0;
    }

    .main-page-maintitltab {
        flex-wrap: wrap;
    }

    .chat-header {
        padding-left: 60px;
    }

    .chat-detail-section {
        border: 0px;
    }
}

@media screen and (max-width: 650px) {
    .chat-detail-section .chat-search-container input {
        width: 100%;
    }

    .chat-detail-section .chat-search-container {
        width: 100%;
    }

    .chat-header {
        flex-wrap: wrap;
        padding-right: 20px;
        padding-bottom: 15px;
    }

    .chat-detail-section .chat-searchbtn-more-btn {
        position: relative;
        top: 0;
        right: 0;
        width: 100%;
        margin-top: 15px;
    }

    .create-vehicles-stepform .steps-nav.steps-card {
        width: 100%;
    }

    .filter-select-tab-ser {
        position: relative;
    }

    .filter-select-sercover .search-icon {
        left: 11px;
    }

    .filter-select-sercover .search-container {
        padding: 0px;
    }

    .filter-select-sercover {
        padding-left: 0px;
    }

    .upload-image-main-set {
        width: 25%;
    }

    .create-vehicles-stepform .steps-nav.steps-card {
        position: relative;
        top: 0;
        height: auto;
        max-height: inherit;
    }

    .create-vehicles-stepform .create-steps {
        flex-wrap: wrap;
    }

    .create-vehicles-stepform .steps-card {
        width: 100%;
    }

    .switch-btn-cover {
        margin-right: 0px;
        position: absolute;
        bottom: 10px;
        left: 15px;
    }

    .search-container {
        width: 68%;
    }

    .finishJobModalCl .modal-dialog {
        max-width: 90%;
    }

    .responseReviewModal .modal-dialog {
        max-width: 90%;
    }

    .filter-select-sercover .search-container {
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 15px;
    }

    .filter-select-tabcover a {
        width: 100%;
    }

    .filter-select-tabcover button {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .filter-select-tab-ser {
        flex-wrap: wrap;
        width: 100%;
    }

    .filter-select-tabcover {
        width: 100%;
    }

    .filter-select-sercover .search-container a {
        height: 48px;
        padding: 12px;
        right: 0px;
    }

    .filter-row-new {
        flex-wrap: wrap;
    }
}

@media (min-width: 640px) {
    .listing-tabs-container .tab-label {
        display: inline;
    }
}

@media screen and (max-width: 600px) {
    .finishJobModalCl .modal-dialog {
        max-width: 100%;
    }

    .responseReviewModal .modal-dialog {
        max-width: 100%;
    }


}

@media screen and (max-width: 576px) {
    #vehicleListingContainer.vehicle-list-view .card.service-card .img-container {
        height: auto !important;
    }

    .vehicle-list-view .img-container {
        width: 100%;
        max-width: 100% !important;
        flex: inherit !important;
    }

    #vehicleListingContainer.vehicle-list-view .card.service-card {
        flex-wrap: wrap !important;
    }

    #vehicleListingContainer.vehicle-list-view .card.service-card a.card-link-wrapper {
        width: 100%;
    }
}

@media screen and (max-width: 550px) {
    .message-bubble {
        width: 95%;
        max-width: 95% !important;
    }

    .chat-page-cover .search-container {
        width: 100%;
    }

    .filter-select-box-cover .filter-row .filter-select {
        width: 100%;
    }

    .price-range-dropdown-menu {
        left: inherit;
        right: inherit;
        min-width: 210px;
    }

    .search-container a {
        padding: 8px 15px;
    }

    .search-icon {
        left: 19px;
    }

    .search-input {
        height: 40px;
    }

    .switch-btn-cover button {
        width: auto;
    }

    .search-container a {
        right: 10px;
    }

    .business-info-card ul li {
        width: auto;
    }

    .search-container {
        padding-left: 10px;
        padding-right: 10px;
        width: 60%;
    }

    .navbar-main-cover .toggle-btn {
        left: 10px;
    }

    .btn-create {
        margin-right: 5px;
    }

    .navbar-main-cover {
        padding: 5px 10px;
    }

    /* .navbar-main-cover .navbar-brand {
        margin-left: 35px;
        margin-top: 4px;
    } */
    .navbar-brand img {
        width: 90px;
    }
}

@media screen and (max-width: 480px) {
    .service-details-description ul li {
        font-size: 14px;
    }

    .share-print-info-btn button img {
        width: 18px;
    }

    .service-details-description h3 {
        font-size: 20px;
    }

    .vehicle-details-page .share-print-info-cover h3 {
        font-size: 20px;
    }

    .vhc-description h2 {
        font-size: 20px;
    }

    .share-print-info-btn {
        position: relative;
        margin-bottom: 15px;
    }

    .vehicle-details-page .share-print-info-cover h1 {
        padding-right: 0px;
        font-size: 20px !important;
    }
}

@media screen and (max-width: 479px) {
    .btn-share-side-cover {
        flex-wrap: wrap;
        gap: 10px;
    }

    .tabdata-main-cover ul li button img {
        width: 20px;
    }

    .tabdata-main-cover ul li button {
        padding-left: 6px;
        padding-right: 6px;
        font-size: 14px;
    }

    .notifications-list-card h4 {
        font-size: 13px;
        float: none;
        margin-left: 5px;
    }

    .notifications-list-card .btn-primary {
        font-size: 13px;
    }

    .notifications-list-card p {
        font-size: 14px;
    }

    .notifications-list-card h6 {
        font-size: 16px;
    }

    .custom-radio-button {
        font-size: 13px !important;

    }

    .tag-time-box-card {
        flex-wrap: wrap;
        margin-bottom: 10px;
    }

    .input-form label {
        font-size: 14px;
    }

    .filter-select-box-cover {
        padding: 10px;
    }

    .login-main-cover .otp-input {
        width: 44px;
        height: 48px;
        padding: 5px;
    }

    .cardList-viewDesgin-iner .img-container {
        height: 200px;
    }

    .specs-grid {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 20px;
    }

    .spec-item:nth-child(even) {
        border-right: none;
        padding-right: 0;
    }

    .spec-item:nth-child(odd) {
        padding-left: 0;
    }

    .upload-image-main-set {
        width: 33.30%;
    }

    .search-box-flt-cover .filter-row {
        width: 100%;
    }

    .search-box-flt-cover .select-custom-cover .select2-container {
        width: 100% !important;
    }

    .search-box-flt-cover {
        flex-wrap: wrap;
    }

    .left-page-titlebox h1 {
        font-size: 22px;
    }

    .reviews-page-cover .category-breakdown h3 {
        margin-bottom: 8px;
    }

    .reviews-page-cover .rating-distribution,
    .reviews-page-cover .category-breakdown {
        width: 100%;
    }

    .reviews-page-cover .rating-breakdown-container {
        flex-wrap: wrap;
    }

    .page-title-disc-cover h1 {
        font-size: 22px;
    }

    .no-services-data {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .pedleftright-4 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .show-more-btn button {
        padding: 8px 10px 8px;
        font-size: 14px;
    }

    .notifications-list-card button {
        font-size: 13px;
    }

    .notifications-list-card {
        padding-left: 55px;
    }

    .notifications-list-card img {
        width: 32px;
        left: 10px;
        top: 12px;
    }

    .profile-other-details {
        margin-bottom: 15px;
    }

    .profile-page-cover .profile-header {
        margin-bottom: 20px;
    }

    .profile-page-cover .profile-meta {
        gap: 12px;
    }

    .profile-page-cover .profile-info h1 {
        font-size: 24px;
    }

    .profile-page-cover .profile-avatar {
        width: 60px;
        height: 60px;
    }

    .profile-page-cover .description-text {
        margin-bottom: 16px;
    }

    .business-info-card ul li {
        width: 100%;
    }

    .navbar-main-cover .toggle-btn {
        top: 15px;
        left: 8px;
    }

    .navbar-main-cover .navbar-brand {
        margin-top: 0px;
    }

    .btn-create,
    .btn-quote {
        font-size: 12px;
        padding: 10px 8px;
    }

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

@media screen and (max-width: 414px) {
    .profile-page-cover .profile-meta {
        gap: 6px;
    }

    .profile-page-cover .rating {
        font-size: 14px;
    }

    .profile-page-cover .meta-item {
        font-size: 14px;
    }

    .profile-page-cover .profile-info h1 {
        font-size: 20px;
    }

    .upload-image-main-set {
        width: 50%;
    }

    .upload-cust-box .img-thumbnail {
        height: 120px;
    }
}

@media screen and (max-width: 380px) {
    .language-switcher select {
        padding: 5px 6px;
        width: 82px;
        font-size: 13px;
        padding-right: 32px;
    }

    .navbar-main-cover .navbar-brand {
        margin-left: 35px;
        margin-right: 0px;
    }

    .login-main-cover .otp-input {
        width: 38px;
        height: 40px;
        font-size: 20px;
    }

}