/* // X-Small devices (portrait phones, less than 576px) */

@media (max-width: 575.98px) {
    .person-list-h-535 {
        height: auto;
    }
    .no-message {
        font-size: 24px;
        line-height: 36px;
    }
    .no-message-des {
        font-size: 14px;
        line-height: 22px;
    }
    /* content */
    .hero-rating {
        border-left: 0;
    }
    .hero-one-title {
        font-size: 48px;
        line-height: 1.4;
    }
    .hero-form-wrapper .form-control {
        border-left: 0;
    }
    .hero-form-wrapper .form-select {
        display: none;
    }
    .py-110 {
        padding: 50px 0;
    }
    .pt-110 {
        padding-top: 50px;
    }
    .blog-details-title {
        font-size: 26px;
        line-height: 1.4;
    }
    .service-details-title {
        font-size: 24px;
        line-height: 1.3;
    }
    .border-end {
        border-right: 0 !important;
    }
    .cta-counter-title,
    .section-title {
        font-size: 26px;
        line-height: 1.5;
    }
    .company-profile-card-title,
    .job-wage,
    .text-24,
    .service-card-price {
        font-size: 18px;
    }
    .blog-title a,
    .footer-widget-title,
    .feature-card-title,
    .job-post-title,
    .service-details-subtitle,
    .freelancer-name a {
        font-size: 20px;
    }
    .service-review-count {
        width: 100%;
    }
    .faq-accordions .accordion .accordion-item .accordion-button,
    .footer-nav-list .footer-nav-list-item .footer-nav-link,
    .text-18 {
        font-size: 16px;
    }
    .job-posts-container,
    .review-card {
        padding: 30px;
    }

    /* milestone-details */

    .fr-job-details {
        padding: 20px;
    }
    .fr-author {
        align-items: flex-start;
    }

    .fr-author__desc {
        margin: 10px 0;
    }
    .fr-author__img {
        width: 72px;
        height: 72px;
    }
    .fr-author__img img {
        width: 100%;
        height: 100%;
    }
    .fr-author__content {
        flex: 1 1 0%;
    }
    .fr-job-form {
        padding: 20px;
    }

    .fr-form__wrapper--3 {
        flex-direction: column;
    }
    .fr-form__wrapper-container--2 {
        max-width: 100%;
    }

    .fr-job-post-horizontal .job-post-horizontal-img {
        height: 74px;
        width: 74px;
    }

    .fr-job-post-horizontal .w-btn-link {
        font-size: 12px;
    }

    .fr-job-post-horizontal .job-post-horizontal-title a {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .fr-feature-card {
        gap: 20px;
        padding: 7px 20px 7px 7px;
    }

    .fr-feature-tab {
        padding: 20px;
    }

    /* faq */
    .fr-faq-accordions .accordion .accordion-item {
        padding: 0 20px;
    }

    .w-breadcrumb-area {
        position: relative;
        padding: 150px 0 100px 0;
    }
    /* dashboard */

    .fr-table-data {
        min-width: 250px;
    }

    .fr-modal-body {
        padding: 20px;
    }

    /* buyer-dashboard */
    .profile-info-body,
    .gig-info-body {
        padding: 20px 10px;
    }
}

/* // Small devices (landscape phones, less than 768px) */

@media (max-width: 767.98px) {
    .hero-one {
        padding-top: 80px;
    }
    .hero-one-title {
        font-size: 42px;
    }
    .hero-one-img {
        max-width: 100%;
    }
    /* content */
    .hero-two-title {
        font-size: 40px;
        line-height: 1.4;
    }
    /* Cta */
    .cta-wrapper {
        padding: 20px;
    }
    .custom-dropdown.dropdown {
        width: 100%;
    }
    .cta-area-bg {
        padding: 35px;
    }
    .cta-counter-item {
        width: 100%;
    }
    .section-title-light {
        font-size: 30px;
        line-height: 1.3;
    }
    .top-seller-name {
        font-size: 18px;
    }
    .job-post-horizontal-title a {
        line-height: 28px;
        font-size: 16px;
    }
    .feature-category-link a,
    .service-card-author-name,
    .service-card-title {
        font-size: 16px;
    }

    .fr-custom-style-select.select-dropdown,
    .fr-custom-style-input {
        border-right: 0 !important;
        border-bottom: 1px solid #eed1ff !important;
    }
}

/* // Medium devices (tablets, less than 992px) */

@media (max-width: 991.98px) {
    /* content */
    .border-end {
        border-right: 0 !important;
    }
    .custom-dropdown-toggle.dropdown-toggle {
        width: 100%;
    }
    .pb-150 {
        padding-bottom: 60px;
    }
    .py-110 {
        padding: 60px 0;
    }
    .pt-110 {
        padding-top: 60px;
    }
    .about-company {
        padding-top: 20px;
    }
    .fr-author-section {
        flex-direction: column;
        gap: 30px;
    }

    .custom-style-select.select-dropdown {
        min-width: 150px;
        .fr-massage__members-section {
            position: absolute;
            z-index: 999999999;
            background: #ffff;
            height: 100%;
            transform: translateX(-500px);
            transition: all 300ms linear;
        }
        .chat-active {
            transform: translateX(0) !important;
        }
        .chat-btn {
            display: block !important;
        }
        .chat-empty {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .chat-empty svg {
            width: 160px;
            height: 112px;
            margin: auto;
        }

        .fr-massage.fr-order {
            flex-direction: column;
            overflow-y: auto;
        }
        .fr-massage__details {
            min-height: calc(100vh - 220px);
        }
        .chat-sidebar {
            min-height: fit-content;
        }
    }
}

/* // Large devices (desktops, less than 1200px) */

@media (max-width: 1199.98px) {
    .hero-two {
        padding: 150px 0 0 0;
    }
    /* content */
    .hero-two-img {
        position: relative;
        transform: none;
    }
    .dashboard-main {
        margin-left: 0;
    }
    .dashboard-header {
        margin-left: 0;
    }

    .fr-hero-one {
        padding: 50px 0 100px 0;
    }

    .fr-job-post-horizontal {
        padding: 20px;
    }

    .fr-wp-wrapper {
        padding: 0;
    }
    .fr-wp-wrapper__arrow {
        display: none;
    }
}

/* // X-Large devices (large desktops, less than 1400px) */

@media (max-width: 1399.98px) {
    .fr-hero-one {
        margin-top: 0;
    }
}

/* @media (max-width: 1440px) {
} */