@media(min-width: 1600px) {
    .container {
        max-width: 1540px;
    }
}


@media(max-width: 1600px) {
    /*.hero-home-page:before, .hero-home-page:after {
        width: 146px;
        background-size: 146px;
    }*/

    .search-suggestion-box-keyword {
        background: #fff;
    }


    .search-suggestion-box {
        transform: translate(-190px, -8px) !important;
        left: 50%;
    }
}



@media(max-width: 1450px) {

    .search-suggestion-box {
        transform: translate(-108px, -8px) !important;
        left: 50%;
    }
}


@media(max-width: 1450px) {

    .profile-dropdown {
        overflow-y: scroll;
        height: 100%;
        min-height: 490px;
    }

    .inner-post textarea#projectDescription {
        height: 213px !important;
    }

    .inner-post textarea#companyDescription {
        height: 200px !important;
    }

    .inner-post {
        margin-top: 60px;
        margin-bottom: 10px;
    }

    .form-container h2 {
        font-size: 21px;
    }

    .popular-search span {
        font-size: 12px;
    }

    .profile-dropdown {
        top: 45px;
    }

    .priority-area {
        height: 90vh;
    }

    .search-suggestion-box-keyword {
        background: #fff;
        width: 100% !important;
    }

    .inner-post textarea#projectDescription {
        height: 213px !important;
    }

    .inner-post textarea#companyDescription {
        height: 200px !important;
    }

    .inner-post {
        margin-top: 60px;
        margin-bottom: 10px;
    }

    .form-container h2 {
        font-size: 21px;
    }

    .hero-landing .hero-text h1 {
        font-size: 45px;
        line-height: 50px;
        margin-bottom: 13px;
    }


    .hero-landing .hero-tabs {
        width: 310px;
    }

    .hero-landing .hero-tab {
        padding: 10px 32px;
    }

    .hero-landing {
        padding: 20px 0;
    }

        .hero-landing .hero-text p {
            font-size: 22px;
            line-height: 28px;
            margin-bottom: 23px;
        }

        .hero-landing .primary-btn {
            padding: 15px 30px;
        }

    .header-landing .search-box {
        height: 37px;
    }

    .step.active {
        margin: 70px 0px 23px 0px;
        padding: 20px 58px;
    }

    #reviewProjectOtherFeedbackForm .step.active textarea {
        height: 170px !important;
    }

    .hero-home-page .right-img {
        top: 60px;
    }

    .popular-search span {
        font-size: 12px;
    }

    .height100vh {
        height: 100%;
    }

    .inner-post {
        margin-bottom: 10px;
        margin-top: 50px;
        min-height: 473px;
    }

    .form-container .account-logo h2 {
        font-size: 20px;
        line-height: 22px;
    }

    .form-container .account-logo .mt-5.mb-1 {
        margin-top: 0rem !important;
    }

    .account-logo .text-wrapper img {
        max-width: 18%;
    }

    .pading-top-120 {
        padding-top: 120px !important;
    }

    .profile-dropdown {
        overflow-y: scroll;
        height: 100%;
        min-height: 490px;
    }

    .profile-dropdown {
        top: 43px;
    }

    .priority-area {
        height: 85vh;
    }

    .search-input.show {
        width: 324px;
    }

    .search-suggestion-box {
        width: 324px !important;
    }

    .categories-bas-area .sidebar {
        max-height: 510px;
        overflow-y: auto;
    }



    .categories-bas-area .main-tabs {
        max-height: 508px;
        overflow-y: auto;
    }

    .hero-landing .hero-text h1::after {
        left: 29%;
        top: 32px;
    }

    .all-inerpadding30 {
        padding: 60px 0px !important;
    }

    .about-bannerimg img {
        max-width: 100%;
        display: block;
        margin: 0 auto;
    }

    .profile-data {
        margin-top: 64px;
        padding: 20px 0px;
    }

    .cmn-heading h2, .cmn-heading h1 {
        /*font-size: 26px;*/
        margin-bottom: 6px;
    }


    .cate-listing-row.mt-4 {
        margin-top: 10px !important;
    }

    #Portfolio .portfolio-col {
        background-color: #fff;
        padding: 10px;
        border-radius: 14px;
        margin-bottom: 20px;
        border: 1px solid #1da8a636;
    }

   /* .para-card-blog {
        line-height: 1.5em;
        max-height: calc(1.5em * 2);
        overflow: hidden;
        position: relative;
    }*/

    .nav-item {
        font-size: 16px;
    }
}


@media(max-width:1370px) {
    .top-companies-section .company-card img {
        margin-right: 0 !important;
        width: 60px !important;
        height: 60px !important;
    }
    .top-companies-section .company-card {
        justify-content: space-between;
    }
    .top-companies-section .company-info {
        flex: 0 !important;
    }
        .top-companies-section .company-info h3 {
            font-size: 18px !important;
             margin-bottom: 0 !important; 
        }
    .height100vh {
        height: 100%;
    }
    /*.trending-blog-home .main-blog-img {
        height: 260px;
    }*/
    .d-flex.company-call-btn {
        margin-bottom: 40px;
    }
    .inner-post {
        margin-top: 60px;
        margin-bottom: 10px;
    }

    .form-container h2 {
        font-size: 21px;
    }

    .pading-top-120 {
        padding-top: 120px !important;
    }

    .profile-dropdown {
        overflow-y: scroll;
        height: 100%;
        min-height: 490px;
    }

    .hero-landing .primary-btn {
        padding: 15px 30px;
    }

    .hero-landing .hero-text p {
        font-size: 18px;
        margin-bottom: 21px;
        padding-right: 15PX;
    }

    .hero-landing {
        padding: 3px 0;
    }

    .trusted-by {
        margin-top: 25px;
    }

    .hero-landing .hero-text h1 {
        font-size: 42px;
        line-height: 58px;
    }

    .trusted-logos img {
        height: 41px;
    }

    .hero-landing .hero-text h1::after {
        left: 36%;
    }

    .auth-search-sugesstion {
        width: 424px !important;
        transform: translate(-47px, -11px);
    }

    .trending-blog-home .sec-blog-img {
        height: 86px;
        width: 100%;
        object-fit: cover;
    }

    .hero-home-page h1 {
        font-size: 39px;
        line-height: 50px;
    }

    .popular-search {
        margin-top: 4px;
    }

    .blog-section .main-card-img {
        max-height: 360px;
    }

    .blog-section .sec-card-img {
        height: auto;
    }

    .blog-section .post-img {
        height: 72px;
    }

    img#search-icon {
        max-width: 16px !important;
        height: auto !important;
    }

    .nav-item {
        font-size: 14px;
    }

    .jo-btn-h {
        padding: 8px 20px;
        font-size: 14px !important;
        border-radius: 6px;
    }

    .co-list-btn-h {
        padding: 10px 12px;
        font-size: 14px !important;
    }

    .search-suggestion-box {
        transform: translate(-154px, -8px) !important;
        left: 50%;
    }
}

@media(max-width: 1200px) {
    .height100vh {
        height: 100%;
    }

    .profile-dropdown {
        overflow-y: scroll;
        height: 100%;
        min-height: 460px;
    }

    .profile-dropdown {
        top: 45px;
    }

    .pading-top-120 {
        padding-top: 120px !important;
    }

    .register-review .get-listed img {
        margin-top: 80px;
    }

    .top-company h3 {
        font-size: 22px;
    }

    .grow-data {
        margin-top: 20px;
    }

    .grow-text h2 {
        font-size: 33px;
        line-height: 47px;
    }

    .interview-section .companyinter-right {
        margin-top: 65px;
    }

    .navbar-brand img {
        max-width: 130px;
    }

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

    .hero-home-page:before, .hero-home-page:after {
        display: none;
    }

    input.form-control.border-0 {
        width: 100px;
    }

    .btn-theme {
        font-size: 14px;
    }

    section.hero-home-page.mt-7 {
        margin-top: 65px !important;
    }

    input.form-control.border-0.border-end {
        width: 292px;
    }

    .input-group {
        flex-wrap: nowrap;
    }

    .foter-section h2 {
        font-size: 15px;
    }

    .hero-home-page h1 {
        font-size: 48px;
    }

    .companyinter-left h1, .top-banner-wrapper h1 {
        font-size: 30px;
        line-height: 38px;
    }

    .register-review .leave-review img {
        display: none;
    }

    .register-review .leave-review {
        padding: 20px;
    }

        .register-review .leave-review .text-wrapper {
            width: 100%;
        }

    .register-review h2, .login-section h2 {
        font-size: 20px;
        line-height: 26px;
    }

    .register-review .get-listed .text-wrapper {
        width: 100%;
    }

    .linkedin-data h4 {
        font-size: 19px;
    }

    .register-review .get-listed {
        margin-bottom: 15px;
    }


    .trusted-by {
        padding: 0px 16px !important;
    }

    .trusted-text {
        font-size: 14px;
    }

    .trusted-logos img {
        height: 32px;
        margin-left: 14px;
    }

    .nav-item {
        font-size: 14px;
    }

    .co-list-btn-h {
        padding: 8px 12px !important;
        font-size: 16px !important;
    }

    .navbar-collapse .gap-2 {
        gap: 20px !important;
    }

    .nav-item a {
        padding: 0;
    }

    .jo-btn-h {
        padding: 6px 12px !important;
        font-size: 16px !important;
    }

    .search-suggestion-box {
        transform: translate(-196px, -8px) !important;
        left: 50%;
    }

    .how-img img {
        max-width: 182px;
        margin-top: 18px;
    }
}

@media(max-width: 991px) {

    .register-wrapper {
        flex-direction: column;
        text-align: center;
    }

    .register-image img {
        max-width: 320px;
    }

    .navbar-nav .dropdown-menu {
        display: none;
        position: static !important;
        float: none;
        width: 100%;
        box-shadow: none;
        border: 0;
    }

        /* When Bootstrap / JS adds .show */
        .navbar-nav .dropdown-menu.show {
            display: block !important;
        }

    #findServicesDropdown2 {
        padding-top: 0;
        margin: 0;
        border-radius: 0;
        max-height: 40vh; /* adjustable */
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .mainNavbar-sbtn {
        display: block;
        width: 100%;
        margin-top: 14px;
    }

    .mob-search-top-header .form-control {
        height: 47px;
    }

    .serach-compny-herader-box {
        background: #fff;
        width: 100%;
        max-height: 330px;
        overflow-y: auto;
        border: 1px solid #ddd;
        border-radius: 10px;
        box-shadow: 0px 7px 8px rgba(0, 0, 0, 0.03);
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
        /* z-index: -1; */
        position: relative;
        margin-top: -7px;
    }

        .serach-compny-herader-box .suggestion-item-header {
            padding: 8px;
            background: #fff;
            border-left: 1px solid transparent;
            transition: all .2s ease;
        }

            .serach-compny-herader-box .suggestion-item-header:hover {
                background: #f0ffff;
                border-left: 1px solid #3c8584;
            }

            .serach-compny-herader-box .suggestion-item-header a .suggestion-rating {
                margin-top: 2px;
            }

    #search-suggestions {
        display: none;
    }

    /* Hamburger (default) */
    #mob-mainNavbar2Toggle.collapsed .navbar-toggler-icon {
        background-image: var(--bs-navbar-toggler-icon-bg);
        width: 30px;
    }

    /* Close icon ONLY when menu is open */
    #mob-mainNavbar2Toggle:not(.collapsed) .navbar-toggler-icon {
        background-image: none;
        position: relative;
    }

    #mob-mainNavbarToggle {
        margin-right: 10px;
        font-size: 18px;
    }

    #mob-mainNavbar2Toggle .navbar-toggler-icon {
        font-size: unset;
        width: 30px !important;
    }

    #mob-mainNavbar2Toggle:not(.collapsed) .navbar-toggler-icon::before,
    #mob-mainNavbar2Toggle:not(.collapsed) .navbar-toggler-icon::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 32px;
        height: 2px;
        background-color: #1da8a6;
    }

    #mob-mainNavbar2Toggle:not(.collapsed) .navbar-toggler-icon::before {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    #mob-mainNavbar2Toggle:not(.collapsed) .navbar-toggler-icon::after {
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    li.nav-item.dropend.header-service .dropdown-menu .li-child-category {
        margin-bottom: 10px;
    }

        li.nav-item.dropend.header-service .dropdown-menu .li-child-category .child-category {
            font-weight: 400;
            font-size: 16px;
            padding: 8px;
        }

    .mobile-search-icon {
        display: block;
    }

    .mobile-search-icon-dnone {
        display: none !important;
    }

    .navbar-nav li.nav-item {
        width: 100%;
        margin-left: 0;
    }

    li.nav-item.dropend.header-service .main-category.hovered i {
        transform: rotate(90deg);
    }

    li.nav-item.dropend.header-service .main-category {
        padding: 8px;
        border-radius: 0;
    }

    .main-header .navbar-nav {
        align-items: flex-start;
    }

    .header-landing {
        padding: 10px 15px;
    }

        .header-landing .header-main {
            flex-direction: column;
            gap: 15px;
        }

        .header-landing .search-box {
            padding: 0 6px;
        }

        .header-landing .jo-btn-h {
            padding: 8px;
        }

        .header-landing .top-search {
            gap: 5px;
        }

        .header-landing .search-box input {
            width: 190px;
            font-size: 12px;
        }

        .header-landing .search-icon {
            margin-right: 0px;
        }

        .header-landing .select-options {
            width: 255px;
            padding: 0px;
        }

            .header-landing .select-options li {
                gap: 12px;
                padding: 10px;
                align-items: center;
            }

                .header-landing .select-options li strong {
                    font-size: 14px;
                }

    .hero-landing::before {
        width: 355px;
    }

    .hero-landing .hero-content {
        padding: 0 30px;
    }

    .hero-landing .hero-text h1 {
        font-size: 30px;
        line-height: 40px;
    }

        .hero-landing .hero-text h1::after {
            display: none;
        }

    .hero-landing .primary-btn {
        width: 100%;
        padding: 12px 22px;
    }

    .hero-landing .hero-text p {
        font-size: 18px;
        margin-bottom: 23px;
    }

    .trusted-by {
        padding: 0px 15px;
    }

    .hero-landing {
        height: auto;
    }

    .company-list-filter-header {
        flex-direction: column;
    }

    .company-list-filter-search-area, .companies-find-input {
        width: 100%;
    }

    .cate-total .width-150 {
        width: 83% !important;
    }

    .totalCount-companies {
        width: 100%;
    }

    .hero-mix-box {
        flex-direction: column-reverse;
    }

    .execute-cards {
        flex-direction: column;
        gap: 60px;
    }

    .landing-no-scroll, .no-scroll {
        overflow: inherit;
    }

    .page-wrapper-landing {
        height: 100%;
        overflow: inherit;
    }

    .hero-landing .hero-text {
        max-width: 100%;
        width: 100%;
    }

    .hero-landing .hero-content {
        height: auto;
    }

    .hero-landing::after {
        display: none;
    }

    .hero-landing .hero-image {
        width: 100%;
        margin-top: 25px;
        margin-bottom: 30px;
    }

    .trusted-logos {
        overflow-y: scroll;
        display: flex;
        gap: 0;
    }

    header.main-header {
        padding: 8px 0;
    }



    .mob-header-rearch-box .bi-chevron-left.show {
        position: absolute;
        top: 77px;
        z-index: 9;
        font-size: 29px;
        font-weight: 600;
        left: 0px;
        display: block;
    }

    .mob-header-rearch-box .search_input_button.show {
        position: absolute;
        padding: 21px !important;
        top: 62px;
        z-index: 9;
        font-size: 19px !important;
        font-weight: 600;
        right: -10px;
        display: block;
        border-radius: 0px !important;
    }

    .mob-header-rearch-box .bi-chevron-left, .mob-header-rearch-box .search_input_button {
        display: none;
    }

    .header-primary-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
        position: relative;
        width: 100%;
    }

    .navbar-toggler {
        height: 48px;
        padding: 8px 6px;
        border: 0;
        outline: 0;
        background: transparent;
        position: relative;
        padding-right: 0;
    }

    .header-mobile-menu-bar {
        width: 30px;
        height: 3px;
        background: #4a5255;
        display: block;
        margin: 6px 0;
        transition: all .3s ease;
    }

    .navbar-collapse .gap-2 {
        gap: 22px !important;
    }

    .navbar-collapse .search-input {
        transform: translate(0px, 0) !important;
        right: unset !important;
        left: 0px !important;
    }

    .search-toggle {
        z-index: 9;
    }

    .search-input.show {
        width: 340px !important;
        z-index: 1;
    }

    .clear-search {
        left: 312px;
        z-index: 9999999;
        right: unset;
    }

    .main-header button.btn {
        width: 100%;
        padding: 13px 20px;
    }

    .accordion-header {
        line-height: 24px;
    }

    .top-banner-wrapper {
        padding: 1px 0 !important;
        padding-bottom: 22px !important;
    }

    .hero-home-page {
        padding: 20px 0;
    }

    .mobile-header-top-rearch {
        display: block;
    }

    .navbar-toggler:not(.collapsed) .header-mobile-menu-bar:nth-child(1) {
        transform: translateY(9px) rotate(45deg);
    }

    .navbar-toggler:not(.collapsed) .header-mobile-menu-bar:nth-child(2) {
        opacity: 0;
    }

    .navbar-toggler:not(.collapsed) .header-mobile-menu-bar:nth-child(3) {
        transform: translateY(-9px) rotate(-45deg);
    }


    .navbar-toggler.collapsed .header-mobile-menu-bar:nth-child(1),
    .navbar-toggler.collapsed .header-mobile-menu-bar:nth-child(3) {
        transform: none;
    }

    .navbar-toggler.collapsed .header-mobile-menu-bar:nth-child(2) {
        opacity: 1;
    }

    .mobile-none-sm {
        display: none;
    }

    .navbar-collapse {
        margin-top: 12px;
    }

    .mobile-block-sm {
        display: block !important;
    }

    .hero-home-page h1 {
        line-height: 46px;
        font-size: 32px;
        text-align: left;
    }

    .mobile-search-none {
        display: none;
    }

    .home-btn .btn-theme {
        margin-left: 10px;
        padding: 19px 19px !important;
        line-height: normal;
        display: flex;
        align-items: center;
    }

    .search-bar-main {
        margin-left: 0px;
        margin-right: 0px !important;
        margin-bottom: 10px !important;
        margin-top: 10px !important;
    }

    form.keyword-search.search-bar-main .input-group {
        max-width: 100%;
    }

    .search-suggestion-box {
        margin-left: 0 !important;
        width: 100% !important;
        top: 144px !important;
        transform: translateZ(-1px) scale(1.1);
        padding: 10px 22px;
    }

    .home-btn .btn-theme i {
        font-size: 18px;
        font-weight: 600;
    }

    .find-com .col-md-4 {
        display: none;
    }

    .find-com .col-md-8.ps-5 {
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
    }

    .cmn-heading h2, .cmn-heading h1 {
        font-size: 20px;
        font-weight: 700;
        line-height: 26px;
    }



    .main-header .navbar-brand {
        padding-bottom: 0px;
        margin-right: 0px !important;
    }

    .mobile-header-top-rearch .search-input {
        position: absolute;
        top: 57px;
        left: 0px;
        padding: 20px 20px;
        font-size: 16px;
    }

    .search-input.show {
        margin-left: 0;
        width: 100%;
        padding-left: 54px;
        padding-right: 62px;
        transform: translateZ(-1px) scale(1.1);
    }

    .cate-listing-col {
        padding: 0;
        border-radius: 14px;
        margin-bottom: 14px;
        border: 1px solid #eee;
        justify-content: space-between;
        align-items: inherit;
        height: auto !important;
    }

    /* Header */
    .mobile-accordion-header {
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        padding: 14px;
        cursor: pointer;
    }

        .mobile-accordion-header .icon-title {
            display: flex;
            align-items: center;
            gap: 12px;
        }

    ul.cate-list {
        padding-top: 0;
        margin-bottom: 12px;
    }

    .mobile-accordion-header img {
        width: 50px !important;
        height: 50px;
        left: 9px;
        top: 8px;
        opacity: 100% !important;
    }

    .mobile-apps-development-card.active .mobile-accordion-header img {
        top: 8px;
    }

    .mobile-accordion-header h3 {
        margin: 0;
        font-size: 20px !important;
        font-weight: 600;
        margin-left: 58px;
    }

    .acc-icon {
        font-size: 26px;
        font-weight: 700;
        transition: .3s;
    }

    /* Rotate icon when active */
    .mobile-accordion-item.active .acc-icon {
        transform: rotate(45deg);
    }

    /* Accordion body (default closed) */
    .mobile-accordion-body {
        max-height: 0;
        overflow: hidden;
        transition: max-height .3s ease;
        padding: 0 14px;
    }

    .mobile-accordion-item.active .mobile-accordion-body {
        max-height: 330px;
    }

    .mobile-accordion-body ul li {
        padding: 6px 0;
        font-size: 16px;
        margin-top: 2px;
    }

    /* Desktop title hide in mobile */
    .d-md-block {
        display: none !important;
    }

    .how-it-work-col h3 {
        font-size: 20px;
    }

    .testimonial .py-5, .faq .py-5 {
        padding-top: 10px !important;
    }

        .testimonial .py-5 .fw-bold {
            font-size: 24px;
            font-weight: 700;
            margin-top: 0px !important;
        }

    .pad120 {
        padding: 16px 0px;
    }

    .business-where h2 {
        font-size: 20px;
        line-height: normal;
    }

    .business-where .justify-content-end {
        justify-content: center !important;
        margin-top: 10px;
    }

    #faqAccordion .accordion-item .accordion-header .accordion-button {
        background: transparent;
    }

    .testimonial .slick-next {
        right: 0;
        left: 50%;
    }

    .hero-home-page .right-img {
        display: none;
    }

    .company-col.company-item {
        display: block !important;
        position: relative;
    }

    .com-call-section .btn-right .tooltip-area {
        position: absolute;
        top: 5px;
        right: 7px;
    }

    .company-col .comny-profile.d-flex {
        margin-left: 0px;
        gap: 10px;
        flex-direction: row;
        align-items: flex-start !important;
    }

    .company-col.company-item .comny-features {
        display: grid !important;
        gap: 14px;
        grid-template-columns: 50% 50%;
        padding: 0px 15px;
    }

        .company-col.company-item .comny-features li {
            align-items: center;
            font-size: 14px;
        }

    .company-col.company-item .col-client-review {
        display: none;
    }

    .com-call-section .company-call-btn .btn-row {
        display: flex;
    }

    .com-call-section .company-call-btn {
        margin-bottom: 0px;
    }

    .width-150 {
        width: 100% !important;
    }

    .ul-overflow-height-160 {
        min-width: 100%;
    }

    .review-wrapper.dasnoneMblock {
        display: flex;
    }

    .mobratnone {
        display: none;
    }



    .mobibtnflex {
        margin-top: 5px;
    }

        .mobibtnflex .best-sell-badge {
            font-size: 12px;
            margin: auto;
            margin-top: 10px;
        }

    .comny-features.summary-points {
        align-content: flex-start;
        display: grid;
        gap: 8px;
        grid-area: highlights;
        grid-template-columns: 50% 50%;
    }

    .cate-listing-row .cate-listing-col {
        padding: 20px;
    }

    .review-list {
        padding: 11px 10px;
        max-height: 100%;
    }

        .review-list .company-col.review .btn-row {
            margin-bottom: 20px;
        }



    .newClass .profile-pic img {
        width: 92px;
    }

    .schedule-data {
        margin-top: 30px;
        padding: 20px;
    }

    .graph-img {
        margin-top: 15px;
    }

    .top-company .newClass .btn-right {
        justify-content: normal;
    }

    .top-company .company-heading-data {
        display: flex;
        flex-direction: column;
        gap: 12px;
        grid-area: badges;
    }

    .company-heading-data {
        flex-direction: column;
        row-gap: 10px;
        align-items: baseline;
    }

    .grow-data .left-top-login li {
        margin-bottom: 10px;
        font-size: 14px;
    }

    .interview-section .companyinter-right {
        margin-top: 0px;
    }

    .step.login-section .inner-login {
        width: 100%;
    }

    .main-header .nav-item a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 16px;
        font-weight: 600;
        color: #000;
        border-bottom: 1px solid #ddd;
        margin: 0px 0px 0px 0px !important;
    }

    .partner-fixnhour ul.img-sec.text-center {
        overflow: scroll;
        width: 100%;
        display: flex;
    }

    .partner-fixnhour ul.img-sec li img {
        max-width: fit-content;
    }

    .comapny-listing-hero h1 {
        font-size: 30px;
        line-height: 35px;
    }

    p {
        font-size: 16px;
        line-height: 24px;
    }

    .com-profile-menu {
        display: none;
    }

    .about-cpmpany {
        display: block !important;
    }

        .about-cpmpany .btn-right {
            margin-top: 20px;
            justify-content: end;
        }

    .company-data-section .col-md-9 {
        width: 100%;
    }

    .hero-home-page .col-md-10 {
        width: 100%;
    }

    .hero-home-page h1 {
        font-size: 43px;
    }

    .hero-home-page::after, .hero-home-page::before {
        display: none;
    }

    input.form-control.border-0.border-end {
        width: 273px;
    }

    #button-addon2 img {
        max-width: 34px;
    }

    .width-heading {
        width: 100%;
    }

    .consultancy {
        display: none;
    }

    .cate-total {
        flex-direction: column;
        align-items: center !important;
    }



    .login-section .col-md-6 {
        width: 100%;
    }

    .dashboard-nav-list {
        display: none;
    }

    .responsive-nav {
        display: block;
        position: fixed;
        align-items: center;
        top: 0%;
        display: flex;
        justify-content: space-between;
        width: 100%;
        background-color: white;
        padding: 20px;
    }

        .responsive-nav .navbar-brand img {
            max-width: 50px;
            margin-right: 10px;
        }

        .responsive-nav .navbar-brand {
            font-weight: 600;
        }

    .dashboard-nav {
        position: sticky;
    }

    .side-bar-data-main {
        margin-left: 0px;
        border-radius: 0px;
    }

    .dashboard-nav-list {
        display: none;
    }


    .anim1 {
        display: block;
    }


    .dashboard-app {
        width: 100%;
        float: none;
    }

    .dash-header {
        padding: 0px;
        margin-bottom: 0px;
    }

    .dashboard-app {
        padding: 20px;
    }

    .dashboard-nav {
        width: 100%;
    }

    header.dash-header {
        display: none;
    }

    .foter-section h2 {
        font-size: 18px;
        margin-bottom: 0;
    }

    .socile-media {
        margin-bottom: 10px;
    }

    .how-it-work-col.news-col img {
        height: 100%;
    }

    .how-it-work-col.news-col span {
        border-radius: 100px;
    }

    .hero-home-page {
        margin-top: 62px !important;
    }

    ul.comny-features.mt-3.d-flex.gap-3 {
        display: block !important;
    }

    .top-company h3 {
        font-size: 18px;
    }

    .msg-icons {
        display: block;
    }


    .profile-link {
        margin-top: 8px;
    }

    .msg-icons a.fa-header-icons.d-block.d-flex.align-items-center.justify-content-start {
        margin-top: 4px;
        border-bottom: 1px solid #d3d3d3;
        padding-bottom: 4px;
    }

    .hero-img {
        display: none;
    }

    .search-wrapper.position-relative {
        display: none;
    }
}

@media(max-width: 767px) {

    .job-per-page, .page-next {
        justify-content: center;
    }

        .page-next nav {
            justify-content: center;
            margin-top: 10px;
        }

    .cate-listing-row .cate-listing-col {
        border-radius: 12px;
        padding: 14px 16px;
        box-shadow: 0 2px 10px rgba(0,0,0,.05);
    }

    .company-col.company-item .comny-features .not-verified-mobile-hide {
        display: none;
    }

    .comny-features .not-verified-mobile-hide {
        display: none;
    }

    .top-company .company-had-row-gap0 {
        row-gap: 0px;
    }

    .profile-banner-after::after {
        display: none;
    }

    .comny-profile .text-wrapper h3 {
        flex-direction: column;
        gap: 8px;
    }

    .company-col.company-item {
        padding: 0;
    }

        .company-col.company-item .about-cpmpany {
            padding: 0 15px;
        }

        .company-col.company-item .comp-summry.agency-container {
            padding: 0 15px;
            display: none;
        }

            .company-col.company-item .comp-summry.agency-container.dec-mob-view {
                display: block;
            }

    .com-call-section .btn-right {
        padding: 15px 0;
        border-top: 1px solid #e7e7e7;
    }

        .com-call-section .btn-right .company-call-btn {
            gap: 8px;
        }

            .com-call-section .btn-right .company-call-btn .btn-theme {
                padding: 12px 40px;
            }

    .review-wrapper h4 span {
        font-size: 20px !important;
    }

    .compnay-filter-mobile {
        display: block;
    }

    .mobile-dis-none-fillter {
        display: none;
    }

    .cate-listing-row .cate-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
        font-size: 16px;
        font-weight: 600;
        margin-left: 40px;
    }

    .cate-listing-row .title-text {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .cate-listing-row .cate-list {
        display: none;
        margin-top: 10px;
    }

    .cate-listing-row .cate-listing-col.active .cate-list {
        display: block;
    }

    .cate-listing-row .toggle-icon {
        display: block;
        font-size: 22px;
        font-weight: 500;
        transition: transform 0.2s ease;
    }

    .cate-listing-col.active .toggle-icon {
        transform: rotate(45deg);
    }

    .cate-listing-row .cate-listing-col img {
        width: 38px;
        left: 7px;
        top: 8px;
    }

    .trending-news {
        padding: 30px 0;
    }

    .popular-search span {
        display: inline-flex;
        white-space: nowrap;
        padding: 6px 16px;
    }

    .popular-search {
        flex-flow: row nowrap;
        max-width: calc(100vw - 30px);
        overflow-x: scroll;
        padding-bottom: 10px;
        margin-left: 0px;
        margin-top: 6px;
    }

    form.search-bar-main.ms-2.me-3.mt-5 {
        margin-bottom: 10px;
    }

    .hero-home-page .col-lg-8.col-xl-7.mt-5 {
        margin-top: 0rem !important;
    }

    .how-it-work-col {
        margin-bottom: 15px;
        box-shadow: 2px 2px 49px 3px rgba(0, 0, 0, 0.1);
    }

    .submit-review {
        border-radius: 4px;
    }

    .testimonial .slick-next {
        right: 0;
        left: 51%;
    }

    .hero-home-page .right-img {
        display: none;
    }

    .hero-home-page h1, .companyinter-left h1, .top-banner-wrapper h1 {
        line-height: 35px;
        font-size: 28px;
        margin-bottom: 10px;
    }

        .top-banner-wrapper h1 br {
            display: none;
        }

    .top-company .newClass .text-wrapper {
        margin-top: 10px;
    }

    .deshoard-section .btn-right {
        text-align: center;
    }

    .dash-header .navbar-brand img {
        max-width: 58px;
    }

    .interview-detail-section .companyinter-total {
        padding: 20px;
    }

    .interview-detail-section .companyinter-left {
        width: 100%;
    }

    .interview-detail-section .companyinter-right img {
        display: none;
    }

    .step.login-section .inner-login {
        transform: translate(-50%, 3%);
    }

    .step.login-section .inner-login {
        padding: 30px;
    }

    .instruction-points {
        display: block;
    }

    .breadcrumb {
        margin: 3px;
    }

    .bread-updates {
        display: block !important;
    }

    .form-select {
        margin-top: 10px;
    }

    .faq-top {
        align-items: normal;
        flex-direction: column;
    }

    .best-sell-badge {
        font-size: 11px;
    }

    .schedule-data {
        margin-top: 20px;
    }

    #myPlot {
        margin-top: 30px;
    }

    .dropend:hover > .dropdown-menu {
        position: absolute;
        top: 0;
        left: 100%;
    }

    .dropend .dropdown-toggle {
        margin-left: 0.5em;
    }

    .login-section .inner-login {
        padding: 15px;
    }

    .right-login .h4-hrading {
        padding-top: 33px;
    }

    .comp-summry {
        margin-top: 10px;
        margin-bottom: 15px;
        height: auto;
    }

    .about-cpmpany {
        position: relative;
    }

    .company-col.review .share-btn {
        padding: 4px 2px;
        font-size: 11px;
        position: absolute;
        right: -21px;
        top: 0px;
    }

    .rating-breakdown-list li span {
        font-size: 14px;
    }

    .allReviews .reviews-ifobox1 {
        padding: 10px 10px !important;
        border-radius: 10px !important;
    }

    .company-col.review .share-btn img {
        max-width: 25%;
    }

    .about-cpmpany .btn-row {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .rating-progress .rew-step {
        width: 18px !important;
        height: 8px !important;
    }

    .allReviews .col-rating {
        padding-bottom: 0px !important;
    }

    .about-cpmpany .btn-row .share-btn {
        padding: 3px 7px;
        font-size: 11px;
        margin-right: 0px !important;
    }

    .col-rating .rating-text {
        font-size: 12px !important;
    }

    .reviews-dashboard.allReviews .action-row {
        flex-direction: unset;
        align-items: center;
    }

    .allReviews .action-row h2 {
        font-size: 22px !important;
    }

    .about-container .borstar {
        font-size: 22px;
        line-height: 32px;
        background-image: unset;
        padding-left: 0;
    }

    .aoutus-bg {
        padding: 50px 0;
    }

    .businesses-world {
        gap: 15px;
    }

        .businesses-world .stat-box p {
            font-size: 14px;
        }

        .businesses-world .stat-box h2 {
            font-size: 25px;
        }

    .testimonial-section-about {
        margin-top: 0px;
    }

        .testimonial-section-about .testimonial-image img {
            max-width: 80%;
        }

        .testimonial-section-about .quote-text {
            font-size: 14px;
        }

    .businesses-world .stat-box p br {
        display: none;
    }

    .review-heading span {
        font-size: 18px;
    }

    .company-col.review {
    }

    #Reviews .btn-row {
        margin-top: 20px;
    }

    .mobile-filter-toggle {
        display: block;
    }

    /* Hide filters by default */
    .company-fillter {
        display: none;
        margin-top: 10px;
    }

        /* When active */
        .company-fillter.active {
            display: block;
        }

    /* Make filters full width on mobile */
    .company-list-filter-header {
        flex-direction: column;
        gap: 12px;
    }

    .companies-find-input,
    .company-list-filter-search-area,
    .totalCount-companies {
        width: 100%;
    }

    .hero-home-page h1, .companyinter-left h1, .top-banner-wrapper h1 {
        line-height: 33px;
        font-size: 22px;
    }

    .copyright ul li a {
        font-size: 13px;
    }

    a.a-breadcrumb {
        font-size: 12px;
    }

    .brdcum #update-breadcrumb span {
        font-size: 12px;
    }

    .rating-update-righ #lastReviewDt {
        font-size: 12px !important;
        line-height: normal;
    }

    .top-mobile-after::before {
        width: 76px;
        height: 188px;
        opacity: 0.5;
    }

    .brdcum #update-breadcrumb .ms-2.me-2 {
        margin: 0px 2px;
    }

    .comapny-listing-hero .brdcum {
        gap: 12px;
        flex-direction: column;
    }

    .btn-theme {
        font-size: 14px;
        padding: 14px 22px;
    }

    section.hero-home-page.mt-7 {
        margin-top: 35px !important;
    }


    .search-btn {
        display: none;
    }

    .search-btn {
        display: block;
        width: fit-content;
    }

    .home-btn {
        display: block;
        text-align: center;
    }

    .socile-media {
        display: block !important;
        text-align: start !important;
    }

    .terms-url {
        margin-top: 6px;
        justify-content: center;
    }

    .balence-data {
        margin-top: 15px;
    }

    .foter-section .menu h2 {
        position: relative;
        font-size: 15px;
        font-weight: 600;
        padding: 3px 0;
        margin-bottom: 0;
        cursor: pointer;
    }

        /* + icon */
        .foter-section .menu h2::after {
            content: "+";
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            font-size: 22px;
            font-weight: 400;
            transition: transform 0.2s ease;
        }

    /* Open state: − icon */
    .foter-section .menu.active h2::after {
        content: "−";
    }

    /* Hide lists by default */
    .foter-section .menu ul {
        display: none;
        padding-top: 10px;
    }

    /* Show when active */
    .foter-section .menu.active ul {
        display: block;
    }

    .foter-section .menu ul li {
        margin-bottom: 8px;
    }

        .foter-section .menu ul li a {
            font-size: 14px;
            color: #6b7c85;
        }

    .categories-bas-area {
        flex-direction: column;
    }

        .categories-bas-area .sidebar {
            width: 100%;
            padding: 8px;
            max-height: none;
            height: auto;
            border-right: none;
            margin-bottom: 0px;
            border-bottom: 0;
            border-right: 1px solid #ddd;
        }

            .categories-bas-area .sidebar ul#sidebar {
                display: flex;
                overflow-x: auto;
                white-space: nowrap;
                padding: 10px;
            }

            .categories-bas-area .sidebar li {
                margin-right: 5px;
                margin-bottom: 8px;
            }

    .sidebar .nav-link.categories-active {
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.06);
    }

    .categories-bas-area .allDirectory {
        border-top: 0px;
        padding-top: 10px !important;
        padding: 14px 15px !important;
        border-left: 1px solid #ddd;
    }

    .categories-bas-area .column a {
        word-break: break-word;
        white-space: normal;
    }

    .top-mobile-after::after {
        width: 66px;
        height: 100%;
    }

    section.comapny-listing-top-wrapper {
        padding-bottom: 16px;
    }

    .hero-home-page .left-img img, .hero-home-page .right-img img {
        display: none;
    }

    .d-flex.company-call-btn {
        justify-content: center;
        margin-right: unset;
        margin-top: 10px;
    }

    .fixnhour-plan-verify .comparison-header, .fixnhour-plan-verify .comparison-row {
        /*grid-template-columns: 1fr;*/
        text-align: left;
    }

    .fixnhour-plan-verify .free-header, .fixnhour-plan-verify .verified-header {
        text-align: center;
        padding: 17px 10px;
    }

    .fixnhour-plan-verify .comparison-row div {
        padding: 5px 0;
        font-size: 14px;
    }


    .fixnhour-plan-verify .section-title {
        grid-column: 1;
    }

    .fixnhour-plan-verify .free-header p, .fixnhour-plan-verify .verified-header .price {
        font-size: 13px;
    }

    .fixnhour-plan-verify .free-header h2, .fixnhour-plan-verify .verified-header h2 {
        font-size: 16px;
        line-height: normal;
    }

    .fixnhour-plan-verify .comparison-row div.text-center {
        text-align: right !important;
    }

    .fixnhour-plan-verify .verified-header .btn-verify {
        width: 100px;
        padding: 3px 8px;
    }

    .fixnhour-plan-verify .verified-header img {
        max-width: 20%;
    }

    /*header responsive*/

    header.main-header.mobile a.co-list-btn-h.d-block {
        text-align: center;
    }

    header.main-header.mobile .navbar-collapse {
        min-height: 100% !important;
    }

    header.main-header .d-flex.flex-column.flex-lg-row.align-items-lg-center.gap-1.mt-2.mt-lg-0 {
        min-height: 82vh;
        justify-content: space-between;
        padding-bottom: 30px;
    }



    span.mt-2.mt-lg-0.cursor-pointer.d-flex.align-items-center.justify-content-start {
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
    }

    a.nav-item.text-decoration-none.login.w-100.d-block.text-dark {
        background-color: #e9e9e9;
        text-align: center;
        padding: 6px 20px;
        font-size: 18px;
        border: 1px solid #e9e9e9;
        border-radius: 8px;
    }

    form.keyword-search.search-bar-main .input-group {
        padding-left: 10px;
        padding-right: 2px;
    }

    .nav-item a {
        padding: 8px 0;
    }

    .trending-blog-home .main-blog-img {
        height: 124px;
    }



    .submit-review {
        background-color: #e1f1f1;
        padding: 14px;
    }

    .accordion-item .accordion-header .accordion-button {
        padding: 14px;
    }

    button.accordion-button.collapsed {
        line-height: 18px;
        font-size: 14px;
    }


    .how-it-work-col {
        padding: 12px;
        border-radius: 20px;
    }

    .perfect-partner {
        padding: 24px 0;
    }

    .how-it-work-col span {
        font-size: 14px;
        padding: 6px 16px 6px 6px;
    }

    h2 {
        font-size: 20px;
        line-height: 27px;
    }

    .testimonial .container.py-5 {
        padding-bottom: 0 !important;
    }

    section.trending-blog-home.py-5 {
        padding-top: 10px !important;
    }

    .w-75 {
        width: 100% !important;
    }

    .trending-blog-home.col-md-4.pe-3.d-flex.flex-wrap.justify-content-start.align-content-between {
        padding-right: 0 !important;
        width: 100% !important;
    }

    .trending-blog-home .sec-blog-img {
        height: 124px !important;
        margin-bottom: 10px;
        border-radius: 12px !important;
    }


    section.top-mobile-after.p-4 {
        padding: 14px 0 !important;
    }

    .blog-section .blog-heading {
        background-size: 30px;
    }

    .blog-section p.text-muted.mt-3 {
        margin-top: 0px !important;
    }

    /*   .blog-section .main-card-img {
        height: auto !important;
        width: 100%;
        object-fit: cover;
    }*/

    .card-body {
        padding: 10px !important;
    }

    .blog-section .sec-card-img {
        height: auto !important;
    }

    .sticky-tabs-wrapper a {
        padding-bottom: 8px !important;
    }

    .blog-section .post-img {
        height: 60px;
    }
}

@media(max-width: 576px) {

    .profile-short-actions {
        top: 160px;
        right: 48px;
    }

    .review-hero {
        margin-top: 30px;
        padding: 20px 0;
        text-align: center;
    }

    .find-project-wrapper {
        text-align: center;
    }

    .btn-create-profile {
        padding: 8px 14px;
        font-size: 14px;
    }

    .fx-banner-btn.btn-freelacer-top-home {
        display: flex;
        font-size: 14px;
    }

    .trust-bar {
        padding: 5px 10px;
    }

    .trust-item {
        gap: 10px;
        width: 155px;
    }

    .trust-text h4 {
        font-size: 16px;
        font-weight: 600;
    }

    .trust-text p {
        font-size: 10px !important;
        line-height: 14px;
    }

    .project-img-box {
        display: none;
    }

    .project-content h2 {
        line-height: 33px;
        font-size: 22px;
    }

    .project-content p {
        margin-bottom: 15px;
    }

    .project-features {
        gap: 8px;
        margin-bottom: 15px;
        justify-content: center;
    }

    .feature-item {
        font-size: 12px;
        padding: 8px 10px;
    }

    .stars {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .review-text h2 {
        line-height: 33px;
        font-size: 22px;
        margin-bottom: 5px;
    }

    .review-text p {
        margin-bottom: 15px;
    }

    .review-image-wrapper {
        display: none;
    }

    .register-text h2 {
        line-height: 33px;
        font-size: 22px;
    }

    .register-image {
        display: none;
    }


    .foter-section .office-address {
        margin-top: 12px;
        background: unset;
    }

    .socile-media {
        text-align: center !important;
    }

    .foter-section .company-profile {
        text-align: center;
    }

    .btn-post-project {
        font-size: 14px;
    }



    .testimonial .slick-next {
        right: 0;
        left: 50%;
    }

    .testimonial .slick-prev {
        left: 130px;
        z-index: 1;
        top: 90%;
    }


    .common-companylisting .btn-row {
        display: grid;
        gap: 10px;
        justify-content: center;
    }

        .common-companylisting .btn-row .bg-yellow {
            margin: 0 !important;
        }

    .interview-section .companyinter-right {
        margin-top: 51px;
    }

    .perfect-partner::before, .perfect-partner::after, .share-experience::before, .share-experience::after, .testimonial .pattern {
        display: none;
    }

    .top-company .newClass .btn-right {
        justify-content: center;
        margin-top: 0px;
    }

    .graph-img {
        margin-top: 20px;
    }

    .btn-right.d-flex.align-items-center.mt-5.justify-content-center {
        flex-direction: column;
        row-gap: 10px;
    }

    .req-rev {
        width: 420px;
    }

        .req-rev img {
            max-width: 136px;
        }

        .req-rev .btn-theme {
            padding: 13px 14px;
        }

    .about-cpmpany .btn-row {
        margin-top: 20px;
        text-align: end;
    }

    .company-col {
        padding: 10px !important;
    }

    .comny-profile {
        margin-left: 0px;
        display: block !important;
    }

    .agenvcy-name.d-flex.align-items-center.gap-2 {
        display: block !important;
    }

    .profile-data {
        margin-top: 84px;
        text-align: center;
    }

    .profile-pic.company-list {
        margin: auto;
    }

    .verified-box, .unverified-box, .sponsor-box {
        margin: auto;
        margin-top: 8px;
        margin-bottom: 6px;
    }




    .review-wrapper.dasnoneMblock {
        display: flex;
        justify-content: center;
        margin-top: 6px !important;
    }

    .mobibtnflex.mt-3 {
        display: block !important;
    }

    .comny-features.mobibtngrid {
        display: grid !important;
        grid-template-columns: 50% 50%;
        padding: 0px 15px;
    }

    .best-sell-badge.message.btn.proposal-btn {
        margin-right: 10px;
    }

    a.text-dark.best-sell-badge.wish-btn.btn.d-flex.align-items-center {
        justify-content: center !important;
        margin: auto;
        margin-top: 10px;
    }

    .comny-profile span {
        font-size: 14px;
    }

    .mobibtnflex a {
        font-weight: 600;
        font-size: 14px;
    }

    h3 {
        font-size: 22px;
        font-weight: 600;
    }

    form.search-bar-main.ms-2.me-3.mt-5 {
        margin-top: 34px !important;
    }



    .hero-home-page p {
        margin-top: 0px !important;
        font-size: 14px;
    }

    h3.company-name {
        text-align: center;
        margin-bottom: 10px;
    }

    .terms-url a {
        margin-left: 7px;
    }

    input.form-control.border-0.border-end {
        width: 189px;
    }

    .foter-section .col-6 {
        width: 100%;
    }

    .mt-7 {
        margin-top: 35px !important;
    }



    .cate-listing-col h3 {
        font-size: 16px;
    }

    .searh-categoery h2 {
        font-size: 20px;
        line-height: 32px
    }

    .cate-total {
        FLEX-DIRECTION: column;
        align-items: flex-end !important;
    }

    .dash-header {
        padding: 0px;
    }

    .comny-profile .text-wrapper h3 {
        font-size: 18px;
    }

    .hero-img {
        display: none;
    }

    .hero-home-page {
        margin-top: 62px !important;
        min-height: auto !important;
    }

    .top-banner-wrapper {
        padding-bottom: 0 !important;
    }

    form.search-bar-main .input-group, input.form-control {
        height: 50px !important;
        margin: 0 !important;
    }

    .client_logos_rows.paddingspace.mt-4 {
        margin-top: 8px !important;
    }

    .profile-data-section.top-company:after {
        right: -180px;
        width: 469px;
        height: 228px;
        opacity: 0.3;
        top: 31px;
    }

    ul.comny-features.mt-3.d-flex.gap-3 {
        column-count: 2;
    }

    .cate-total .width-150 {
        width: 78% !important;
    }

    h2#keywordsubtitle {
        margin-bottom: 0 !important;
    }

    .row.cate-total.d-flex.align-items-center.justify-content-between.mt-4.mb-2 {
        margin-top: 10px !important;
    }

    .company-col {
        padding: 0px !important;
    }



    .review-wrapper.mt-1.gap-2 {
        justify-content: center;
    }

    .com-call-section .btn-right .tooltip-area {
        position: absolute;
        top: 10px;
        right: 10px;
    }

    .com-call-section .btn-right .company-call-btn .btn-theme {
        padding: 10px 20px;
    }

    .d-flex.company-call-btn {
        margin-top: 0;
    }

    ul.comny-features.mt-3.d-flex.gap-3 img.me-2 {
        margin-right: 0 !important;
    }



    .co-list-btn-h {
        padding: 8px 10px;
    }


    .jo-btn-h {
        color: #000;
        padding: 7px 14px;
        border: 1px solid #8b8b8b;
    }

    div#mainNavbar .d-flex.align-items-center.gap-2.flex-wrap.mt-2.mt-lg-0 {
        padding: 6px 0;
        display: inline-flex !important;
        gap: inherit !important;
        justify-content: space-between !important;
        width: 100%;
    }

    .search-bar-nav .input-group-prepend {
        position: absolute;
        top: -7px;
    }

    .company-list-filter-header .form-select {
        height: 44px !important;
        margin: 0px 0 !important;
        margin-top: 0 !important;
    }

    span.text-find {
        display: none;
    }

    img.search-icon-mobile {
        display: block !important;
    }

    .search-bar-main .btn-theme {
        padding: 14px 14px;
    }

    img.search-icon-mobile {
        display: block !important;
        width: 20px !important;
    }

    img.search-icon {
        display: none;
    }
}

@media(max-width: 480px) {

    .top-companies-section .company-card {
        display: block;
        text-align: center;
    }
    .top-companies-section .rating-row {
        justify-content: center;
    }
    .top-companies-section .company-info h3 {
        font-size: 18px;
    }

    .top-companies-section .review-link {
        text-align: center;
    }

    .top-companies-section .category-tabs {
        margin: 15px 0 15px 0;
    }

    .top-companies-section .company-card img {
        width: 60px;
        height: 60px;
    }

    .top-companies-section .category-tabs button {
        padding: 10px 22px;
        font-size: 12px;
    }

    .top-companies-section .companies-grid {
        grid-template-columns: 1fr;
    }

    .top-companies-section .review-link {
        margin: auto;
        font-size: 14px;
    }

    .mainFeatured .fw-bold {
        max-height: 40px !important;
    }

    .mainFeatured p.text-muted {
        max-height: 48px !important;
        margin-top: 8px;
    }

    .client_logos_list img {
        height: 16px;
    }

    .fx-banner-btn.btn-freelacer-top-home {
        margin-top: 10px !important;
    }

    .toggle-img {
        left: 12px;
        top: 15px;
        width: 15px;
    }

    .fx-banner-btn label {
        padding: 5px 23px;
        font-size: 12px;
    }

    .trust-bar {
        padding: 5px 10px;
    }

    .trust-item {
        width: 100%;
    }

    .trust-text h4 {
        font-size: 13px;
        font-weight: 600;
    }

    .project-content h2 {
        line-height: 33px;
        font-size: 22px;
    }

    .project-content p {
        margin-bottom: 15px;
    }

    .feature-item {
        font-size: 12px;
        padding: 8px 10px;
    }










    .inter-logo {
        max-width: 163px;
    }

    .interview-section .companyinter-right {
        margin-top: 0px;
    }

    .profile-data-section .newClass .profile-pic img {
        width: 66px;
        margin-top: 2px;
    }

    .top-company .newClass .best-sell-badge {
        padding: 3px 5px;
    }

    .top-company .newClass h3 {
        font-size: 19px;
    }

    .top-company .newClass .comny-profile span {
        font-size: 11px;
    }

    .top-company .newClass .btn-right {
        justify-content: left;
    }

    .top-company .newClass .comny-profile {
        margin-left: 0px;
        flex-direction: row;
        align-items: flex-start !important;
    }

    .inter-img {
        display: block;
    }

    .pro-text h3 {
        font-size: 30px;
    }

    .heading-data h2 {
        font-size: 20px;
        line-height: 25px;
    }

    .companyinter-total {
        padding: 20px;
    }

        .companyinter-total::after {
            border-radius: 10px;
        }

    .interview-section .companyinter-right {
        display: none;
    }

    .step.login-section .inner-login {
        padding: 3px 20px 20px 20px;
    }

    .upload-portfolio {
        padding: 8px;
        margin: 10px 0px;
    }

    button.accordion-button.collapsed {
        line-height: 20px;
    }

    .checkbox-data {
        display: flex;
    }

    .upload-area {
        margin-top: 11px;
        padding: 0px;
    }

    .company-profile-secton .cmn-heading {
        padding: 25px 0px;
    }

    .right-slide-data {
        padding: 0px;
    }


    .register-review .get-listed {
        padding: 20px;
    }

    .no-cart-data .performance-tabs .nav-link {
        padding: 10px 17px;
    }

    .schedule-data span {
        font-size: 14px;
    }

    .search-bar-nav input.form-control.border-0, .form-select {
        font-size: 14px;
    }

    .performance-point {
        align-items: flex-start;
    }

    .no-cart-data {
        padding: 16px !important;
        border-radius: 15px !important;
    }

    .comapny-listing-hero h1 {
        font-size: 23px;
        line-height: 30px;
    }

    .linkedin-data img {
        max-width: 27px;
    }

    .right-login, .login-section .inner-login {
        padding: 10px;
    }

        .right-login .navbar-brand img {
            margin: 5px 0px;
        }

    .linkedin-data h4 {
        font-size: 15px;
    }

    .total-categoery span {
        font-size: 15px;
        font-weight: bold;
    }



    .map-location img {
        width: 25px !important;
        opacity: 100% !important;
    }

    .head-quater-contact {
        display: block;
    }

    .top-location {
        flex-direction: column;
        align-items: start;
        row-gap: 6px;
        margin: 10px 0px;
    }

    .btn-theme {
        font-size: 14px;
        padding: 14px 15px;
    }

    h3 {
        font-size: 18px;
        font-weight: 600;
    }

    .h4, h4 {
        font-size: calc(1rem + .3vw);
    }

    .profile-data-section .profile-pic img {
        width: 111px;
        margin-top: -20px;
    }

    .register-review .get-listed img {
        display: none;
    }

    form.search-bar-main.ms-2.me-3 {
        background-color: transparent;
    }

    .search-bar-main ul {
        display: block;
    }

        .search-bar-main ul li {
            margin-top: 10px;
        }

    .hero-home-page .input-group input.form-control {
        border-radius: 30px;
        width: 100%;
    }

    form.search-bar-main input.form-control.border-0.border-end {
        border-radius: 100px !important;
    }

    .logo-main img {
        max-width: 144px;
    }

    .copyright {
        display: block !important;
        text-align: center;
    }


    .popular-search .mt-1.mb-1 {
        text-align: center;
        padding: 7px 0;
        margin: 0 !important;
    }

    form.search-bar-main .input-group {
        padding-right: 0px;
    }

    .search-bar-main ul li {
        margin-top: 10px;
    }
}