:root {
    --theme-color: #f3b41b;
    --theme-color-2: #FE2C55;
    --theme-color-3: #FE2C55;
    --theme-color-4: #f7f5f0;
}


@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1425px;
    }
}

.mobile-link {
    display: none;
}

/* SMALL MOBILE */
@media (max-width: 372px) {}

/* MOBILE */
@media (max-width: 767px) {
    .mobile-hide {
        display: none;
    }

    .mobile-link {
        display: block;
    }

    a.login-btn {
        color: var(--theme-color);
        padding: 20px;
        display: block;
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
    }

    img.main-logo {
        width: 130px;
        height: auto;
    }

    main.main-page-area section.banner-section {
        padding-top: 80px;
        padding-bottom: 0px;
    }

    h1.banner-title {
        font-size: 35px;
        line-height: normal;
        font-weight: 800;
        margin-bottom: 30px;
    }

    img.banner-img {
        position: relative;
        top: auto;
        left: 0;
        transform: translateY(0%);
        width: 100%;
        height: auto;
    }

    .hero-form-wrapper {
        display: grid;
    }

    button.hero-form-btn.btn-button {
        position: relative;
        display: flex;
        width: 100%;
    }

    .hero-search-area {
        width: 100%;
    }

    .hero-form-wrapper .form-control {
        width: 100%;
    }

    .hero-search-tag {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
    }

    section {
        padding: 30px 0px;
    }

    .flex-heading {
        display: grid;
        align-items: end;
        justify-content: flex-start;
        gap: 10px;
    }

    h2.heading {
        font-size: 30px;
        color: #06131c;
        line-height: normal;
        margin-bottom: 10px;
        font-weight: 700;
    }

    p.heading-description {
        font-size: 16px;
    }

    .cta-area-bg {
        padding: 20px;
    }

    .cta-counter {
        display: grid;
        gap: 20px;
    }

    .btn-button {
        width: 100%;
    }

    .job-logo img {
        width: 80px;
        height: 80px;
    }

    h3.heading {
        font-size: 20px;
    }

    body,
    p {
        line-height: 20px;
        font-size: 14px;
    }

    .why-card.active {
        transform: translateX(0px);
    }

    img.why-choose-float-1 {
        width: 200px;
        bottom: 0;
    }

    img.why-choose-float-2 {
        width: 150px;
        top: 0;
    }

    section.mini-banner {
        padding-top: 30px;
    }

    img.mini-banner-img {
        display: none;
    }

    .mini-banner-bg {
        padding: 30px;
        border-radius: 16px;
        position: relative;
    }

    .testimonial-card {
        width: 100%;
        margin: 10px;
    }

    .quote-text {
        color: #5b5b5b;
        font-size: 16px;
    }

    .testimonial-footer {
        align-items: start;
        flex-direction: column;
    }

    .testimonial-profile-area {
        margin-bottom: 20px;
    }

    .membership-card {
        padding: 20px;
        margin-bottom: 30px;
    }

    .app-service-card {
        padding-left: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-right: 30px;
    }

    h2.app-title {
        font-size: 25px;
        font-weight: 400;
        margin-bottom: 30px;
    }

    .app-screen-shot img {
        width: 103px;
        height: 220px;
        object-fit: cover;
        border-radius: 20px;
    }

    img.app-float-img-1 {
        top: 0px;
    }

    .app-screen-shot {
        justify-content: space-around;
        top: 0px;
        margin-bottom: 20px;
    }

    .apply-section-card {
        padding: 25px 24px;
        margin-bottom: 30px;
    }

    .apply-area-text {
        max-width: 100%;
    }

    h2.apply-area-text {
        font-size: 34px;
    }

    img.apply-person-1 {
        display: none;
    }

    footer.main-footer {
        padding-top: 40px;
    }

    .footer-down .row .col-md-3 {
        margin-bottom: 30px;
    }

    p.footer-description {
        color: #fff;
        width: 100%;
        padding-top: 1em;
    }

    img.footer-logo {
        width: 130px;
        margin-bottom: 20px;
    }

    h2.footer-title {
        font-size: 25px;
        margin-bottom: 10px;
    }

    .footer-newsletter-form {
        display: grid;
        width: 100%;
        justify-content: normal;
        border-radius: 20px;
    }

    h4.footer-heading {
        font-size: 22px;
        font-weight: 700;
        margin-bottom: 20px;
    }

    ul.footer-links li::before {
        top: 2px;
    }

    section.breadcrumb-sec {
        padding-top: 50px;
    }

    h1.breadcrumb-title {
        font-size: 30px;
        color: #fff;
        font-weight: 800;
        margin-bottom: 10px;
    }

    .breadcrumb-items {
        font-size: 14px;
    }

    .job-details-card {
        padding: 25px 15px;
    }

    .job-post-card-profile {
        width: 80px;
        height: 80px;
    }

    h4.jp-title {
        font-size: 20px;
    }

    .tag {
        padding: 4px 9px;
        font-size: 11px;
    }

    .job-post-card .row .col-md-8 {
        margin-bottom: 20px;
    }

    .jp-details {
        justify-content: start;
        margin-top: 6px;
    }

    .company-details-card {
        padding: 20px;
        margin-bottom: 30px;
    }

    h4.title {
        font-weight: 800;
        margin-bottom: 1rem;
    }

    img.user-profile {
        width: 100%;
    }

    .jobSeeker-img-area {
        margin-bottom: 20px;
    }

    .work-row {
        display: grid;
        justify-content: center;
        box-sizing: border-box;
    }

    .col-div {
        flex: 0 0 auto;
        width: 100%;
    }

    .work-row::before {
        display: none;
    }

    .ws-circle {
        width: 150px;
        height: 150px;
        margin-bottom: 15px;
    }

    .ws-circle-icon {
        width: 120px;
        height: 120px;
    }

    .ws-circle-icon img {
        width: 60px;
        height: 60px;
    }

    section.testimonials-section-1 .testimonial-card {
        margin: 0;
        margin-bottom: 30px;
    }

    .accordion-header button.accordion-button.collapsed,
    .accordion .accordion-header .accordion-button:not(.collapsed) {
        font-size: 15px;
    }

    .contact-box {
        margin-bottom: 20px;
    }

    .contact-card {
        background-color: #fff;
        padding: 25px 20px;
        border-radius: 15px;
    }

    .form-area {
        margin-bottom: 30px;
    }

    form.register-form .form-group .col-md-6 {
        margin-bottom: 1.5rem;
    }

    .flex-heading .section-btn {
        width: 100%;
        text-align: start;
    }
}




/* TABLET */
@media (min-width: 768px) and (max-width: 1024px) {
    .testimonial-footer {
        align-items: start;
        flex-direction: column;
    }

    .testimonial-card {
        min-height: 400px;
    }

    ul.list-style {
        padding-left: 10px;
    }

    .membership-price-amount {
        font-size: 32px;
    }

    span.membership-month {
        font-size: 14px;
    }

    h3.membership-price-name {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .membership-logo img {
        width: 40px;
        height: 40px;
        object-fit: contain;
    }

    .membership-card {
        padding: 20px;
    }

    .app-screen-shot {
        top: 0;
    }

    h2.app-title {
        font-size: 30px;
    }

    .app-screen-shot img,
    img.app-float-img-1 {
        width: 160px;
        height: 300px;
        top: 0;
    }

    .apply-area-text {
        max-width: 100%;
    }

    h2.apply-area-text {
        font-size: 28px;
    }

    .btn-button {
        padding: 12px 28px;
    }

    .apply-section-card {
        padding: 30px;
    }

    img.apply-person-1 {
        width: 95px;
    }

    p.apply-area-text {
        font-size: 13px;
    }

    ul.footer-list li {
        flex-wrap: wrap;
    }

    .footer-app-img-area {
        flex-wrap: wrap;
    }

    .why-card {
        flex-wrap: wrap;
    }

    .job-card {
        flex-wrap: wrap;
    }

    .job-logo img {
        margin-right: 10px;
    }

    .cta-counter-item {
        background-color: #fff;
        padding: 14px 23px;
    }

    .cta-counter {
        display: flex;
        gap: 5px;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    h2.heading {
        font-size: 30px;
        line-height: normal;
        margin-bottom: 25px;
    }

    .category-card {
        padding: 14px;
        box-sizing: border-box;
        overflow-wrap: break-word;
    }

    h3.cat-heading a {
        font-size: 16px;
    }

    li.nav-item {
        margin-right: 10px;
    }

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

    main.main-page-area section.banner-section {
        padding-top: 120px;
    }

    h1.banner-title {
        font-size: 43px;
        line-height: 50px;
    }

    .hero-form-wrapper .form-control {
        width: 100%;
    }

    .hero-form-wrapper {
        flex-wrap: wrap;
    }

    .hero-search-area {
        width: 100%;
    }

    .tag-item {
        padding: 8px 12px;
        margin-bottom: 5px;
    }

    .flex-heading .section-btn {
        width: 100%;
        text-align: end;
    }
}

/* LAPTOP */
@media (min-width: 1025px) and (max-width: 1439px) {
    .testimonial-card {
        min-height: 400px;
    }
}