/*---- 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) {
    .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) {
    .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) {
    .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 {
        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 {
        height: 100% !important;
    }
}
@media screen and (max-width: 991px) {
    .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%;
    }
    .FilterModalCover .modal-dialog {
        width: 95%;
    }
    .navbar-main-cover .navbar-brand {
        margin-left: 42px;
    }
    .main-content {
        padding-left: 20px;
    }
}
@media (max-height: 825px) {
    .login-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) {
    .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-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) {
.chat-header{
    padding-left: 60px;
}
.chat-detail-section{
    border: 0px;
}
}
@media screen and (max-width: 650px) {
    .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%;
    }
}
@media screen and (max-width: 600px) {
    .finishJobModalCl .modal-dialog {
        max-width: 100%;
    }
    .responseReviewModal .modal-dialog {
        max-width: 100%;
    }
}
@media screen and (max-width: 550px) {
    .filter-row-new{
        flex-wrap: wrap;
    }
    .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: 479px) {
    .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%;
    }
}