/* Small devices (phones, up to 480px) */
@media (max-width: 480px) {

    .f-16 {
        font-size: 12px;
    }

    .f-18 {
        font-size: 16px;
    }

    .f-32 {
        font-size: 28px;
    }

    .f-38 {
        font-size: 30px;
    }

    .f-40 {
        font-size: 32px;
    }

    .f-48 {
        font-size: 32px;
    }

    .line-h-66 {
        line-height: 40px !important;
    }

    .p-5 {
        padding: 2rem !important;
    }

    .mb-10-respons {
        margin-bottom: 10px;
    }

    .home-banner-section {
        padding: 20px 0px 40px 0px;
    }

    .linkedin_login {
        font-size: 12px;
        height: 40px;
        width: 180px;
    }

    .howworks-section {
        padding: 20px 0;
    }

    .adv-section .title2 {
        margin-top: 10px;
    }

    .blue-btn {
        font-size: 12px !important;
        line-height: 22px;
        padding: 3px 10px !important;
    }

    .tech-logos {
        padding: 40px 0 20px 0;
    }

    .adv-section {
        padding: 20px 0 0 0;
    }

    .cta-section {
        padding: 0;
    }

    .cta-button {
        float: none;
        margin: 0px;
    }

    .cta-title1 {
        margin-bottom: 15px;
    }

    .f-right-nav {
        text-align: center;
    }

    .social-icon {
        text-align: center;
        margin-top: 15px;
    }

    .no-mobile {
        display: none;
    }

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

    .why_box_1_head {
        margin-bottom: 10px;
    }

    .how_it_works .title {
        font-size: 16px;
        line-height: normal;
        font-weight: normal;
    }

    .why_paperhire_different .title {
        font-size: 16px;
    }

    .modal-dialog {
        width: 300px;
    }

    .about_paperhire .section_title {
        text-align: center;
    }

    .about_paperhire .section_text {
        float: none !important;
    }

    .about_paperhire .section_button {
        float: none !important;
    }

    .main_banner P {
        margin: 20px;
    }

    .why_box_1 {
        margin-top: 10px;
    }

    .user_profile_section {
        padding: 20px 0;
    }

    .how_it_works {
        margin-bottom: 40px;
    }

    .navbar {
        padding: 10px 0 !important;
    }

    .glossary-header h1 {
        font-size: 20px;
        padding: 40px 0;
        margin: 0px;
    }

    .glossary-detail {
        padding: 20px 0;
    }

        .glossary-detail .alpha {
            margin: 40px 0 20px 0;
            font-size: 20px;
            padding: 5px 12px;
        }

    .glossary-page-detail {
        padding: 20px 0;
    }

        .glossary-page-detail .main-content h3 {
            margin-bottom: 20px;
        }

    .blog_section {
        padding: 20px 0;
    }

    .navbar-nav {
        gap: 0px;
        margin-left: 0px !important;
    }

        .navbar-nav li.nav-item {
            height: auto;
            line-height: normal;
            padding: 10px 0;
            border-bottom: 1px solid #515151;
        }

    .sub-menu-full {
        background-color: #222;
    }

        .sub-menu-full li {
            padding: 10px;
            border-bottom: 1px solid #515151;
        }

            .sub-menu-full li a {
                color: #fff;
                font-size: 16px;
            }

            .sub-menu-full li:last-child {
                padding-bottom: 0px;
            }

    .blog h1 {
        font-size: 2rem !important;
    }
    /* 32px */
    .blog h2 {
        font-size: 1.75rem;
    }
    /* 28px */
    .blog h3 {
        font-size: 1.25rem;
    }
    /* 20px */
    .blog h4 {
        font-size: 1.125rem;
    }
    /* 18px */

    .candidate-review h1 {
        font-size: 1.5rem;
    }

    .candidate-review p {
        font-size: 0.9rem;
        padding: 5px 10px;
    }

    .hr-speak-card {
        flex-direction: column;
        padding: 30px 20px;
        gap: 24px;
        max-width: 100%;
    }

    .hr-speak-photo-wrapper {
        width: 120px;
        height: 120px;
        margin: 0 auto;
    }

    .hr-speak-circle-bg {
        width: 120px;
        height: 120px;
        opacity: 0.2;
    }

    .hr-speak-photo {
        border-width: 4px;
    }

    .hr-speak-content {
        text-align: center;
    }

    .hr-speak-quote {
        font-size: 1.15rem;
        margin-bottom: 16px;
    }

    .hr-speak-meta {
        font-size: 0.95rem;
    }

    .hr-speak-name {
        font-size: 1rem;
    }

    .hr-speak-title {
        font-size: 0.85rem;
    }

    /* Hide large decorative background blobs on mobile */
    .hr-speak-card .bg-shape {
        display: none;
    }

    .title_initial {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .why_paperhire_different {
        padding: 20px 0;
    }

        .why_paperhire_different .section_title {
            padding-bottom: 20px;
        }

    .container {
        padding: 0 20px;
    }

    .why_box_1 .line1 i {
        font-size: 25px;
    }

    .why_box_1 .line1 {
        margin-bottom: 5px;
    }

    .work_step_area {
        margin: 20px 0 0 0;
    }

    .technology_section {
        padding: 20px 0;
    }

    .faqs_section {
        padding: 20px 0;
    }
}

/* Medium devices (phones landscape, small tablets) */
@media (min-width: 481px) and (max-width: 767px) {

    .navbar {
        padding: 10px 0 !important;
    }

    .f-16 {
        font-size: 12px;
    }

    .f-18 {
        font-size: 16px;
    }

    .f-32 {
        font-size: 28px;
    }

    .f-38 {
        font-size: 30px;
    }

    .f-40 {
        font-size: 32px;
    }

    .f-48 {
        font-size: 32px;
    }

    .line-h-66 {
        line-height: 40px !important;
    }

    .p-5 {
        padding: 2rem !important;
    }

    .mb-10-respons {
        margin-bottom: 10px;
    }

    .home-banner-section {
        padding: 20px 0px 40px 0px;
    }

    .linkedin_login {
        font-size: 12px;
        height: 40px;
        width: 180px;
    }

    .howworks-section {
        padding: 20px 0;
    }

    .adv-section .title2 {
        margin-top: 10px;
    }

    .blue-btn {
        font-size: 12px !important;
        line-height: 22px;
        padding: 3px 10px !important;
    }

    .tech-logos {
        padding: 40px 0 20px 0;
    }

    .adv-section {
        padding: 20px 0 0 0;
    }

    .cta-section {
        padding: 0;
    }

    .cta-button {
        float: none;
        margin: 0px;
    }

    .cta-title1 {
        margin-bottom: 15px;
    }

    .f-right-nav {
        text-align: center;
    }

    .social-icon {
        text-align: center;
        margin-top: 15px;
    }

    .no-mobile {
        display: none;
    }

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

    .why_box_1_head {
        margin-bottom: 10px;
    }

    .how_it_works .title {
        font-size: 16px;
        line-height: normal;
        font-weight: normal;
    }

    .why_paperhire_different .title {
        width: 90%;
    }

    .about_paperhire .section_button {
        float: none !important;
    }

    .navbar-nav {
        gap: 0px;
        margin-left: 0px !important;
    }

        .navbar-nav li.nav-item {
            height: auto;
            line-height: normal;
            padding: 10px 0;
            border-bottom: 1px solid #efefef;
        }

    .sub-menu-full {
        background-color: #222;
    }

        .sub-menu-full li {
            padding: 10px;
            border-bottom: 1px solid #515151;
        }

            .sub-menu-full li a {
                color: #fff;
                font-size: 16px;
            }

            .sub-menu-full li:last-child {
                padding-bottom: 0px;
            }

    .title_initial {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .why_paperhire_different {
        padding: 20px 0;
    }

        .why_paperhire_different .section_title {
            padding-bottom: 20px;
        }

    .container {
        padding: 0 20px;
    }

    .why_box_1 .line1 i {
        font-size: 25px;
    }

    .why_box_1 .line1 {
        margin-bottom: 5px;
    }

    .work_step_area {
        margin: 20px 0 0 0;
    }

    .technology_section {
        padding: 20px 0;
    }

    .faqs_section {
        padding: 20px 0;
    }
}

/* Tablets (portrait to landscape) */
@media (min-width: 768px) and (max-width: 1023px) {
    .navbar {
        padding: 10px 0 !important;
    }

    .f-16 {
        font-size: 12px;
    }

    .f-18 {
        font-size: 16px;
    }

    .f-32 {
        font-size: 28px;
    }

    .f-38 {
        font-size: 30px;
    }

    .f-40 {
        font-size: 32px;
    }

    .f-48 {
        font-size: 32px;
    }

    .line-h-66 {
        line-height: 40px !important;
    }

    .p-5 {
        padding: 2rem !important;
    }

    .mb-10-respons {
        margin-bottom: 10px;
    }

    .home-banner-section {
        padding: 20px 0px 40px 0px;
    }

    .linkedin_login {
        font-size: 12px;
        height: 40px;
        width: 180px;
    }

    .howworks-section {
        padding: 20px 0;
    }

    .adv-section .title2 {
        margin-top: 10px;
    }

    .blue-btn {
        font-size: 12px !important;
        line-height: 22px;
        padding: 3px 10px !important;
    }

    .tech-logos {
        padding: 40px 0 20px 0;
    }

    .adv-section {
        padding: 20px 0 0 0;
    }

    .cta-section {
        padding: 0;
    }

    .cta-button {
        float: none;
        margin: 0px;
    }

    .cta-title1 {
        margin-bottom: 15px;
    }

    .f-right-nav {
        text-align: center;
    }

    .social-icon {
        text-align: center;
        margin-top: 15px;
    }

    .no-mobile {
        display: none;
    }

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

    .why_box_1_head {
        margin-bottom: 10px;
    }

    .how_it_works .title {
        font-size: 16px;
        line-height: normal;
        font-weight: normal;
    }

    .about_paperhire .section_button {
        float: none !important;
    }

    .navbar-nav {
        gap: 0px;
        margin-left: 0px !important;
    }

        .navbar-nav li.nav-item {
            height: auto;
            line-height: normal;
            padding: 10px 0;
            border-bottom: 1px solid #efefef;
        }

    .sub-menu-full {
        background-color: #222;
    }

        .sub-menu-full li {
            padding: 10px;
            border-bottom: 1px solid #515151;
        }

            .sub-menu-full li a {
                color: #fff;
                font-size: 16px;
            }

            .sub-menu-full li:last-child {
                padding-bottom: 0px;
            }

    .banner_cta {
        padding-top: 20px;
    }
}

/* Small desktops/laptops */
@media (min-width: 1024px) and (max-width: 1279px) {
    .no-mobile {
        display: none;
    }

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

/* Standard desktop */
@media (min-width: 1280px) and (max-width: 1919px) {
}

/* Large desktops / HD+ */
@media (min-width: 1920px) and (max-width: 2559px) {
}

/* Ultra HD / 4K displays */
@media (min-width: 2560px) {
}