/* Responsive css starts */

@media only screen and (max-width: 1399.2px) {

    h1,
    h2,
    .banner-heading {
        font-size: 3rem;
    }

    h3,
    .title {
        font-size: 2.75rem;
    }

    .discover-posted .discover-icontext h4 {
        font-size: 55px;
    }

    .stat-info p {
        font-size: 13px;
    }

    .shortlist-empty-illustration i {
        font-size: 45px;
    }
}

@media only screen and (max-width: 1351px) {

    h1,
    h2,
    .banner-heading,
    .amount {
        font-size: 2.875rem;
    }

    h3,
    .title {
        font-size: 2.625rem;
    }

    .discover-posted .discover-icontext h4 {
        font-size: 52px;
    }

    .shortlist-empty-illustration i {
        font-size: 40px;
    }
}

@media only screen and (max-width: 1301px) {
    .discover-posted .discover-icontext h4 {
        font-size: 50px;
    }

    .shortlist-empty-illustration i {
        font-size: 38px;
    }
}

@media only screen and (max-width: 1281px) {

    .container {
        max-width: 90%;
    }

    h1,
    h2,
    .banner-heading,
    .amount {
        font-size: 2.625rem;
    }

    h3,
    .title {
        font-size: 2.5rem;
    }

    .banner {
        height: 700px;
    }

    .banner-bottom-box {
        margin-top: -30px;
    }

    .banner-submit[type="submit"] {
        font-size: 15px;
    }

    span.boost-cost {
        font-size: 20px;
    }

    span.boost-del {
        font-size: 22px;
    }

    span.boost-sale {
        font-size: 18px;
    }

    span.boost-price {
        font-size: 26px;
    }

    .blog-text h4 {
        font-size: 28px;
    }

    .menu ul {
        gap: 30px;
    }

    .menu ul li a {
        font-size: 18px;
    }

    .banner-text-bottom p {
        font-size: 16px;
    }

    .banner-inner-box {
        margin: 30px 0 0 0;
    }

    .task-head-box p {
        font-size: 18px;
    }

    .discover-posted .discover-icontext h4 {
        font-size: 48px;
    }

    .toggle-icon {
        width: 40px;
        height: 40px;
        font-size: 15px;
    }

    .question h4 {
        width: calc(100% - 50px);
    }

    .tag {
        padding: 10px 15px;
    }

    .more-button {
        padding: 10px 15px;
    }

    .milestone-icon {
        width: 100px;
        height: 100px;
        border-width: 5px;
    }

    .milestone-icon img {
        width: 40px;
    }

    .form-title {
        font-size: 26px;
    }

    .profile-section {
        margin-bottom: 30px;
    }

    .profile-info h2 {
        font-size: 26px;
    }

    .profile-header {
        margin-bottom: 30px;
        padding-bottom: 22px;
    }

    .job-title-info h2 {
        font-size: 22px;
    }

    .filter-section select,
    .filter-section input[type="text"] {
        font-size: 14px;
    }

    .job-meta span {
        font-size: 14px;
    }

    .company-description {
        margin-bottom: 20px;
    }

    .company-info h3 {
        font-size: 21px;
    }

    .results-count {
        font-size: 15px;
    }

    .filter-group label {
        font-size: 14px;
    }

    .testimonial-icontext h4 {
        font-size: 24px;
    }

    .password-input-wrapper input {
        font-size: 14px;
    }

    .company-detail-text-box .title {
        font-size: 32px;
    }

    .company-counter-head {
        font-size: 28px;
    }

    .form-floating input {
        font-size: 14px;
    }

    .company-right,
    .company-left {
        padding: 40px 40px;
    }

    .stat-info h3 {
        font-size: 30px;
    }

    .action-buttons {
        margin-top: 30px;
    }

    .plan-card h3 {
        font-size: 22px;
    }

    .shortlist-empty-illustration i {
        font-size: 35px;
    }

    .post-form-content {
        padding: 30px;
    }

    .post-form-navigation {
        margin-top: 30px;
    }

    .post-form-section h4 {
        font-size: 22px;
    }

    .post-form-section {
        margin-bottom: 30px;
    }

    .term-text h2,
    .term-text h3 {
        font-size: 28px;
    }

    .term-text h4 {
        font-size: 22px;
    }

    .term-text h5 {
        font-size: 20px;
    }
}

@media only screen and (max-width: 1255.2px) {

    h1,
    h2,
    .banner-heading,
    .amount {
        font-size: 2.5rem;
    }

    h3,
    .title {
        font-size: 2.375rem;
    }

    a,
    button,
    input[type="submit"] {
        font-size: 1.0625rem;
    }

    .blog-text h4 {
        font-size: 26px;
    }

    .question h4 {
        font-size: 25px;
    }

    .milestone-icontext h4 {
        font-size: 22px;
    }

    .discover-icontext h4 {
        font-size: 22px;
    }

    .banner-text-bottom p {
        font-size: 14px;
    }

    .search-btn a,
    .profile-btn {
        width: 35px;
        height: 35px;
        font-size: 15px;
    }

    .menu ul {
        gap: 20px;
    }

    .menu ul li a {
        font-size: 16px;
    }

    .banner-form {
        margin: 20px 0 0 0;
    }

    .banner-inner-box {
        margin: 20px 0 0 0;
        padding: 30px 20px;
    }

    .banner-text-bottom {
        padding: 20px;
    }

    .banner-bottom-text {
        padding: 20px 20px;
    }

    .banner-bottom-text h4 {
        font-size: 18px;
    }

    .leader-inner-text h5 {
        font-size: 13px;
    }

    .leader-inner-text h4 {
        font-size: 15px;
    }

    .leader-prize-top h5 {
        font-size: 13px;
    }

    .leader-prize-bottom h4 {
        font-size: 20px;
    }

    .leader-prize-bottom img {
        font-size: 18px;
    }

    .task-head-box p {
        font-size: 15px;
    }

    .task-icon {
        width: 50px;
        height: 50px;
    }

    .task-icon img {
        width: 25px;
    }

    .task-icontext {
        width: calc(100% - 60px);
    }

    .task-inner-left {
        width: calc(100% - 70px);
    }

    .task-inner-right {
        width: 70px;
    }

    .task-inner-icon {
        font-size: 30px;
    }

    .task-inner-icon i {
        margin: 0;
        font-size: inherit;
    }

    .task-inner-head h4 {
        font-size: 16px;
    }

    .task-inner-prize h5 {
        font-size: 15px;
    }

    .task-inner-prize img {
        font-size: 15px;
    }

    .task-info-left h4 {
        font-size: 18px;
    }

    .discover-posted .discover-icontext h4 {
        font-size: 45px;
    }

    .custom-margin {
        margin: 2.5rem 0;
    }

    .padd {
        padding: 2.5rem 0;
    }

    .margin-sec {
        margin: 0 0 2.5rem 0;
    }

    .banner-text-top {
        padding: 0 20px 20px;
    }

    .banner-text-top h4 {
        font-size: 20px;
    }

    .banner-text-top a {
        margin: 15px 0 0 0;
    }

    .toggle-icon {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }

    .question h4 {
        width: calc(100% - 40px);
    }

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

    .answer p {
        font-size: 15px;
    }

    .faq-image {
        height: 320px;
    }

    .footer-box h4 {
        font-size: 22px;
    }

    .banner-input {
        padding: 15px 10px 15px 20px;
        font-size: 13px;
    }

    .banner-submit[type="submit"] {
        padding: 5px 10px;
        font-size: 14px;
    }

    span.boost-cost {
        font-size: 18px;
    }

    span.boost-del {
        font-size: 20px;
    }

    span.boost-sale {
        font-size: 16px;
    }

    span.boost-price {
        font-size: 24px;
    }

    .discover-btn span {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }

    .tag {
        padding: 5px 10px;
    }

    .more-button {
        padding: 5px 10px;
    }

    .leader-image-box {
        margin: 30px 0 0 0;
    }

    .leader-table-container th {
        font-size: 16px;
    }

    .leader-table-container .credit-head img {
        width: 14px;
    }

    .leader-table-container td.user {
        font-size: 14px;
    }

    .leader-table-container .credit {
        font-size: 14px;
    }

    .leader-table-container td {
        padding: 5px 10px;
    }

    .leader-table-container th {
        padding: 10px 15px;
    }

    .leader-iconbox {
        padding: 20px 20px 20px 20px;
        width: 95%;
    }

    .blog-image {
        height: 250px;
    }

    .milestone-inner-box::before {
        height: 5px;
        top: 70px;
    }

    .milestone-item {
        margin: 30px 0 0 0;
    }

    .milestone-icon {
        width: 80px;
        height: 80px;
    }

    .milestone-icon img {
        width: 30px;
    }

    .task-info-box {
        margin: 0 0 30px 0;
    }

    .discover-icon {
        width: 60px;
        height: 60px;
    }

    .footer {
        padding: 40px 0 20px;
    }

    .brand-logo {
        font-size: 30px;
        margin-bottom: 15px;
    }

    .welcome-text {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .welcome-subtitle {
        margin-bottom: 10px;
    }

    .feature-list li {
        margin-bottom: 10px;
    }

    .form-title {
        font-size: 25px;
    }

    .form-subtitle {
        font-size: 14px;
        margin: 10px 0 15px 0;
    }

    .social-login {
        margin-bottom: 20px;
        gap: 10px;
    }

    .social-logo {
        max-width: 80%;
    }

    .privacy-text {
        margin: 10px 0;
    }

    .divider {
        margin: 15px 0;
    }

    .register-link {
        font-size: 15px;
    }

    .login-left,
    .login-right {
        padding: 30px 30px;
    }

    .btn-login {
        margin-bottom: 15px;
    }

    .form-floating {
        margin-bottom: 20px;
    }

    .forgot-password {
        margin-bottom: 20px;
    }

    .dropdown-header h4 {
        font-size: 14px;
    }

    .dropdown-header p {
        font-size: 13px;
    }

    .dropdown-header {
        padding: 10px 12px;
    }

    .dropdown-content a {
        padding: 5px 10px;
        font-size: 13px;
        gap: 8px;
    }

    .notification-header-badge {
        min-width: unset;
        width: 16px;
        height: 16px;
        font-size: 8px;
    }

    .dropdown-content {
        top: 45px;
    }

    .steps-sidebar {
        padding: 30px 20px;
    }

    .step-number {
        width: 30px;
        height: 30px;
        font-size: 13px;
    }

    .step-content h3 {
        font-size: 16px;
    }

    .step-content p {
        font-size: 13px;
    }

    .step-item {
        margin-bottom: 20px;
        gap: 10px;
    }

    .step-item:not(:last-child)::after {
        bottom: -20px;
    }

    .form-area {
        padding: 30px 20px;
    }

    .social-sidebar {
        padding: 30px 20px;
    }

    .form-group {
        margin-bottom: 20px;
    }

    .checkbox-container {
        margin-bottom: 20px;
    }

    .upload-area {
        padding: 30px 20px;
    }

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

    .create-btn,
    .btn-save-continue {
        padding: 10px 30px;
    }

    .experience-options,
    .radio-group,
    .checkbox-group {
        gap: 20px;
    }

    .social-title {
        margin-bottom: 20px;
    }

    .profile-section {
        margin-bottom: 20px;
    }

    .profile-section h3 {
        font-size: 18px;
    }

    .profile-info h2 {
        font-size: 25px;
    }

    .profile-header {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .profile-card {
        padding: 30px 20px;
    }

    .btn-search {
        padding: 10px 25px;
    }

    .search-container {
        padding: 20px;
        margin: 20px 0 0 0;
    }

    .search-input,
    .search-select {
        font-size: 13px;
    }

    .advanced-search .filter-input {
        font-size: 13px;
    }

    .search-icon {
        font-size: 13px;
    }

    .lead {
        font-size: 18px;
    }

    .salary-input {
        font-size: 13px;
    }

    .salary-range span {
        font-size: 13px;
    }

    .search-hero {
        padding: 40px 0;
    }

    .job-title-info h2 {
        font-size: 18px;
    }

    .job-title-info .company-name {
        font-size: 14px;
    }

    .job-description {
        font-size: 15px;
    }

    .career-filter-btn {
        font-size: 14px;
    }

    .page-link {
        font-size: 15px;
    }

    .company-description {
        margin-bottom: 15px;
    }

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

    .company-info .industry {
        font-size: 13px;
    }

    .company-header {
        gap: 15px;
        margin-bottom: 15px;
    }

    .company-stats {
        margin-bottom: 15px;
    }

    .company-description {
        font-size: 14px;
    }

    .results-count {
        font-size: 14px;
    }

    .company-filter-row .filter-group button,
    .company-filter-row .filter-group a {
        font-size: 14px;
    }

    .filter-select {
        font-size: 13px;
    }

    .company-box .search-input {
        font-size: 13px;
    }

    .company-box .search-bar {
        margin-bottom: 20px;
    }

    .company-box .search-filter-section {
        margin-bottom: 30px;
    }

    .team-text h4 {
        font-size: 22px;
    }

    .team-role {
        font-size: 15px;
    }

    .team-card {
        padding: 20px;
    }

    .team-image {
        width: 100px;
        height: 100px;
        border-width: 2px;
    }

    .team-bio {
        margin-bottom: 15px;
    }

    .team-skill {
        margin-bottom: 15px;
    }

    .inner-banner {
        padding: 136px 0;
    }

    .service-text {
        padding: 20px 20px;
    }

    .service-image {
        aspect-ratio: 3 / 2;
        height: auto;
    }

    .service-text h4 {
        font-size: 22px;
    }

    .service-btn-box {
        padding: 15px 20px;
    }

    .service-list h3,
    .service-form-box h3 {
        font-size: 28px;
    }

    .service-detail-text h4 {
        font-size: 24px;
    }

    .service-form-box,
    .service-list {
        padding: 30px 20px;
    }

    .service-list ul li a {
        font-size: 14px;
    }

    .blog-inner-sidebar .title {
        font-size: 28px;
    }

    .about-text h4 {
        font-size: 18px;
    }

    .journey-text h4 {
        font-size: 28px;
    }

    .testimonial-icontext h4 {
        font-size: 22px;
    }

    .testimonial-icontext h5 {
        font-size: 14px;
    }

    .testimonial-iconbox {
        margin: 20px 0 0 0;
    }


    .mission-icon {
        width: 80px;
        height: 80px;
    }

    .mission-icon img {
        width: 40px;
    }

    .mission-icontext h4 {
        font-size: 24px;
    }

    .value-icontext h4 {
        font-size: 24px;
    }

    .value-card {
        padding: 30px 30px;
    }

    .value-mark {
        font-size: 80px;
    }

    .contact-detail-box {
        padding: 40px 30px;
    }

    .contact-form-box {
        padding: 40px 30px;
    }

    .mapbox {
        height: 420px;
    }

    .contact-icontext h4 {
        font-size: 24px;
    }

    .favorites-tabs .tab-content {
        padding: 30px 20px;
    }

    .placeholder-section iframe {
        height: 500px;
    }

    .dashboard-link h4 {
        font-size: 28px;
    }

    .dashboard-head span {
        font-size: 14px;
    }

    .dashboard-head h3 {
        font-size: 18px;
        margin: 0 0 15px 0;
    }

    .personal h4 {
        font-size: 22px;
    }

    .personal ul li span,
    .personal ul li p {
        font-size: 15px;
    }

    .dashboard-link ul li a {
        font-size: 14px;
    }

    .password-input-wrapper input {
        font-size: 13px;
    }

    .address {
        font-size: 22px;
    }

    .company-detail-text-box .title {
        font-size: 30px;
    }

    .company-detail-sidebar h3 {
        font-size: 24px;
    }

    .company-subtitle {
        font-size: 18px;
    }

    .quick-stat {
        font-size: 17px;
    }

    .company-logo-large {
        width: 100px;
        height: 100px;
    }

    .company-logo-large img {
        width: 70px;
    }

    .company-detail-item-list li {
        margin: 15px 0 0 0;
    }

    .company-social-box {
        margin-top: 15px;
        gap: 10px;
    }

    .social-item {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }

    .company-detail-item,
    .company-quick-box,
    .company-similar-box {
        padding: 20px;
    }

    .company-similar-icontext h4 {
        font-size: 18px;
    }

    .company-similar-icon {
        width: 60px;
        height: 60px;
    }

    .company-similar-icon img {
        width: 40px;
    }

    .company-similar-icontext {
        width: calc(100% - 80px);
    }

    .company-similar-icontext p {
        font-size: 13px;
    }

    .company-counter-head {
        font-size: 25px;
    }

    .company-counter h5 {
        font-size: 13px;
    }

    .company-job-list-box {
        margin: 30px 0 0 0;
        padding: 30px 20px;
    }

    .company-job-info h4 {
        font-size: 18px;
    }

    .company-review-box {
        margin: 30px 0 0 0;
        padding: 30px 20px;
    }

    .company-add-review-box {
        margin: 30px 0 0 0;
        padding: 30px 20px;
    }

    .review-form input,
    .review-form textarea,
    .review-form .form-control {
        font-size: 13px;
    }

    .company-counter {
        min-height: 120px;
    }

    .company-quick-stats {
        gap: 20px;
    }

    .form-floating input {
        font-size: 13px;
    }

    .company-right,
    .company-left {
        padding: 30px 30px;
    }

    .form-options {
        margin-bottom: 20px;
    }

    .input-group-item input,
    .input-group-item select,
    .input-group-item textarea {
        font-size: 13px;
    }

    .form-input-box label {
        font-size: 14px;
    }

    .stat-icon {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }

    .stat-card {
        padding: 20px;
        gap: 15px;
    }

    .stat-info h3 {
        font-size: 28px;
    }

    .card-header h3 {
        font-size: 18px;
    }

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

    .quick-actions {
        padding: 20px;
    }

    .action-buttons {
        margin-top: 20px;
    }

    .card-header,
    .job-performance {
        padding: 20px;
    }

    .header-left h1 {
        font-size: 22px;
    }

    .plan-card h3 {
        font-size: 20px;
    }

    .plan-card {
        padding: 30px 20px;
    }

    .plan-features {
        margin-bottom: 20px;
    }

    .plans-grid {
        gap: 20px;
    }

    .current-plan {
        margin-bottom: 30px;
    }

    .payment-history {
        padding: 30px 20px;
    }

    .history-table th,
    .history-table td {
        font-size: 10px;
        font-size: 13px;
    }

    .job-title h4 {
        font-size: 24px;
    }

    .stat-number {
        font-size: 22px;
    }

    .job-filter-group select,
    .job-filter-group input {
        padding: 10px;
        font-size: 13px;
    }

    .job-filter-group input {
        padding-left: 30px;
    }

    .job-search-box i {
        font-size: 12px;
    }

    .job-filters {
        margin-bottom: 20px;
    }

    .company-filter-action .btn-secondary {
        font-size: 13px;
    }

    .job-filter-group label {
        font-size: 14px;
    }

    .sub-alert-success,
    .sub-alert {
        font-size: 12px;
        right: 10px !important;
        top: 10px !important;
    }

    .shortlist-empty-illustration {
        margin-bottom: 20px;
    }

    .shortlist-empty-illustration i {
        font-size: 32px;
    }

    .shortlist-empty-state {
        padding: 40px;
    }

    .shortlist-empty-state h3 {
        font-size: 20px;
    }

    .shortlist-empty-state p {
        font-size: 15px;
    }

    .shortlisted-filters {
        margin-bottom: 20px;
        padding: 20px;
        gap: 15px;
    }

    .shortlisted-filter-group select,
    .shortlisted-filter-group input {
        padding: 10px;
        font-size: 13px;
    }

    .shortlisted-search-box i {
        font-size: 12px;
    }

    .shortlisted-filter-group input {
        padding-left: 30px;
    }

    .shortlist-info h3 {
        font-size: 18px;
    }

    .shortlist-title {
        font-size: 14px;
    }

    .shortlist-avatar img {
        width: 70px;
        height: 70px;
    }

    .shortlist-status-indicator {
        width: 10px;
        height: 10px;
        border-width: 1px;
    }

    .shortlist-profile,
    .shortlist-stats,
    .shortlist-actions {
        padding: 20px;
    }

    .shortlist-details,
    .shortlist-skills {
        padding: 0 20px 20px;
    }

    .shortlist-popup .modal-header {
        padding: 15px;
    }

    .shortlist-popup .modal-title {
        font-size: 18px;
    }

    .shortlist-profile-section h4 {
        font-size: 18px;
    }

    .shortlist-profile-header {
        padding: 20px;
        gap: 15px;
    }

    .shortlist-profile-avatar {
        width: 70px;
        height: 70px;
    }

    .shortlist-profile-section {
        margin-bottom: 20px;
    }

    .shortlist-profile-actions {
        margin-top: 20px;
    }

    .shortlist-btn {
        padding: 8px 20px;
        font-size: 13px;
    }

    .shortlist-profile-info h4 {
        font-size: 20px;
    }

    .shortlist-profile-title {
        font-size: 14px;
    }

    .shortlist-card .detail-item {
        font-size: 12px;
    }

    .shortlist-summary-info h4 {
        font-size: 20px;
    }

    .shortlist-summary-info p {
        font-size: 14px;
    }

    .shortlist-summary {
        gap: 15px;
    }

    .shortlist-popup .form-section h6 {
        font-size: 14px;
    }

    .shortlist-popup .form-control,
    .shortlist-popup .form-select {
        font-size: 12px;
    }

    .interview-popup .modal-footer button {
        font-size: 13px;
    }

    .profile-tab-btn {
        padding: 8px 20px;
        font-size: 13px;
    }

    .profile-inner-card-header {
        padding: 20px;
    }

    .profile-form {
        padding: 20px;
    }

    .logo-info h4 {
        font-size: 20px;
    }

    .company-logo-section {
        gap: 15px;
        margin-bottom: 20px;
    }

    .logo-preview {
        width: 80px;
        height: 80px;
    }

    .profile-inner-btn {
        padding: 8px 20px;
        font-size: 13px;
    }

    .profile-form-section h4 {
        font-size: 20px;
    }

    .profile-form-group label {
        font-size: 14px;
    }

    .profile-form-group input,
    .profile-form-group select,
    .profile-form-group textarea {
        padding: 10px;
        font-size: 13px;
    }

    .profile-form-section {
        margin-bottom: 20px;
    }

    .profile-form-row {
        gap: 15px;
    }

    .profile-form-group {
        margin-bottom: 15px;
    }

    .profile-form-actions {
        margin-top: 20px;
    }

    .profile-tabs {
        margin-bottom: 20px;
    }

    .post-form-content {
        padding: 20px;
    }

    .post-form-navigation {
        margin-top: 20px;
    }

    .job-post-header {
        padding: 20px;
        margin-bottom: 20px;
    }

    .post-form-section h4 {
        font-size: 20px;
    }

    .post-form-group {
        margin-bottom: 15px;
    }

    .post-form-row {
        gap: 15px;
    }

    .post-form-group label {
        font-size: 14px;
    }

    .post-form-group input,
    .post-form-group select,
    .post-form-group textarea {
        padding: 10px;
        font-size: 13px;
    }

    .post-checkbox-item label {
        font-size: 13px;
    }

    .post-form-section {
        margin-bottom: 20px;
    }

    .job-post-preview-section {
        margin-bottom: 20px;
        padding: 20px;
    }

    .job-post-preview-section h4 {
        font-size: 20px;
    }

    .job-post-preview h4 {
        font-size: 18px;
    }

    .job-post-meta {
        gap: 15px;
    }

    .post-btn {
        padding: 8px 20px;
        font-size: 13px;
    }

    .job-post-description {
        font-size: 13px;
    }

    .job-post-meta span {
        font-size: 13px;
    }

    .form-edit-grid {
        gap: 20px;
        margin-bottom: 20px;
    }

    .status-indicator {
        font-size: 14px;
    }

    .form-edit-group input,
    .form-edit-group select,
    .form-edit-group textarea {
        padding: 10px;
        font-size: 13px;
    }

    .form-edit-group .input-group input {
        padding-left: 30px;
    }

    .form-edit-group .input-group i {
        font-size: 12px;
    }

    .status-indicator {
        margin-bottom: 20px;
    }

    .job-edit-btn {
        padding: 8px 20px;
        font-size: 13px;
    }

    .checkbox-edit-group label {
        font-size: 13px;
    }

    .form-actions {
        padding-top: 20px;
    }

    .edit-form-body {
        padding: 30px 20px;
    }

    .edit-job-preview h3 {
        font-size: 22px;
    }

    .job-section-title {
        font-size: 16px;
    }

    .term-text h2,
    .term-text h3 {
        font-size: 26px;
    }

}

@media only screen and (max-width:1251px) {

    .company-logo-small {
        margin: 0;
    }

    .job-title-info {
        flex-grow: unset;
        width: 100%;
    }

    .job-header-box {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }

    .shortlist-empty-state {
        padding: 30px;
    }
}

@media only screen and (max-width: 1201px) {

    h1,
    h2,
    .banner-heading,
    .amount {
        font-size: 2.375rem;
    }

    h3,
    .title {
        font-size: 2.1875rem;
    }

    a,
    button,
    input[type="submit"] {
        font-size: 1rem;
    }

    .blog-text h4 {
        font-size: 24px;
    }

    .question h4 {
        font-size: 24px;
    }

    .milestone-icontext h4 {
        font-size: 20px;
    }

    .discover-icontext h4 {
        font-size: 20px;
    }

    .discover-posted .discover-icontext h4 {
        font-size: 55px;
    }

    .discover-posted .discover-icontext h4 {
        font-size: 40px;
    }

    .banner {
        height: 650px;
    }

    span.boost-cost {
        font-size: 16px;
    }

    span.boost-del {
        font-size: 18px;
    }

    span.boost-sale {
        font-size: 14px;
    }

    span.boost-price {
        font-size: 22px;
    }

    .discover-btn span {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }

    .discover-posted .discover-icontext p {
        font-size: 18px;
    }

    .leader-table-container th {
        font-size: 15px;
    }

    .leader-table-container th {
        padding: 5px 10px;
    }

    .blog-image {
        height: 220px;
    }

    .brand-logo {
        font-size: 28px;
    }

    .welcome-text {
        font-size: 20px;
    }

    .form-title {
        font-size: 24px;
    }

    .create-btn,
    .btn-save-continue {
        padding: 8px 20px;
    }

    .form-input,
    .form-select,
    .form-textarea {
        padding: 10px;
        font-size: 13px;
    }

    .experience-options,
    .radio-group,
    .checkbox-group {
        gap: 15px;
    }

    .upload-area {
        padding: 20px 20px;
    }

    .profile-info h2 {
        font-size: 24px;
    }

    .placeholder-section table th,
    .placeholder-section table td {
        font-size: 12px;
    }

    .detail-item p {
        font-size: 13px;
    }

    .skill-tag {
        font-size: 13px;
    }

    .btn-search {
        padding: 8px 20px;
    }

    .lead {
        font-size: 16px;
    }

    .filter-section select,
    .filter-section input[type="text"] {
        font-size: 13px;
    }

    .service-list h3,
    .service-form-box h3 {
        font-size: 25px;
    }

    .blog-inner-sidebar .title {
        font-size: 25px;
    }

    .blog-icontext {
        width: 100%;
        margin: 10px 0 0 0;
    }

    .journey-text h4 {
        font-size: 25px;
    }

    .about-image {
        position: sticky;
        top: 80px;
    }

    .testimonial-icon {
        width: 70px;
        height: 70px;
    }

    .testimonial-icontext {
        width: calc(100% - 80px);
    }

    .placeholder-section iframe {
        height: 450px;
    }

    .dashboard-link h4 {
        font-size: 25px;
    }

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

    .personal h4 {
        font-size: 20px;
    }

    .personal ul li span,
    .personal ul li p {
        font-size: 14px;
    }

    .footer-link ul li a {
        font-size: 15px;
    }

    .address {
        font-size: 20px;
    }

    .company-detail-text-box .title {
        font-size: 28px;
    }

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

    .company-counter-head {
        font-size: 24px;
    }

    .company-detail-sidebar h3::before {
        width: 40px;
        height: 2px;
        bottom: -1px;
    }

    .social-item {
        width: 35px;
        height: 35px;
        font-size: 17px;
    }

    .company-counter {
        margin: 20px 0 0 0;
        padding: 15px;
    }

    .company-job-list-box {
        padding: 20px 20px;
    }

    .company-review-box {
        padding: 20px 20px;
    }

    .company-add-review-box {
        padding: 20px 20px;
    }

    .review-form {
        padding: 15px;
        margin: 20px 0 0 0;
    }

    .review-alert.success {
        font-size: 13px;
    }

    .review-alert.success i {
        font-size: 13px;
    }

    .review-item {
        margin: 20px 0 0 0;
        padding: 15px;
    }

    .view-more-btn {
        margin: 20px 0 0 0;
    }

    .company-job-list-item {
        margin: 20px 0 0 0;
        padding: 15px;
    }

    .company-detail-text p {
        margin: 15px 0 0 0;
    }

    .company-similar-icontext {
        width: 100%;
        margin: 10px 0 0 0;
    }

    .company-similar-btn {
        font-size: 13px;
    }

    .company-detail-item-list li {
        font-size: 14px;
    }

    .company-logo-large {
        width: 80px;
        height: 80px;
    }

    .company-logo-large img {
        width: 50px;
    }

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

    .company-quick-stats {
        gap: 15px;
    }

    .hero-actions {
        margin: 20px 0 0 0;
    }

    .company-right,
    .company-left {
        padding: 30px 20px;
    }

    .stat-info h3 {
        font-size: 25px;
    }

    .job-title h4 {
        font-size: 22px;
    }

    .job-listing-header {
        flex-direction: column;
        gap: 15px;
    }

    .job-meta-text {
        gap: 15px;
    }

    .shortlist-empty-illustration i {
        font-size: 30px;
    }

    .shortlist-empty-state {
        padding: 30px 20px;
    }

    .shortlist-popup .modal-title {
        font-size: 15px;
    }

    .shortlist-profile-section h4 {
        font-size: 15px;
    }

    .edit-job-preview h3 {
        font-size: 20px;
    }

    .term-text h2,
    .term-text h3 {
        font-size: 24px;
    }


}

@media only screen and (max-width: 1199.2px) {
    .contact-detail-box {
        padding: 0;
        margin: 0 0 40px 0;
        background: transparent;
        height: auto;
    }

    .contact-head {
        text-align: center;
    }

    .contact-head .sub-title::after {
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

    .contact-list-box {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        column-gap: 20px;
    }

    .contact-iconbox {
        width: 47%;
        display: block !important;
        text-align: center;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
        padding: 40px 30px;
    }

    .contact-iconbox:hover {
        background: #0052cc21;
    }

    .contact-icon {
        margin: 0 auto;
    }

    .contact-icontext {
        width: 100%;
        margin: 15px 0 0 0;
    }

    .contact-iconbox:hover .contact-icontext h4 {
        color: var(--primary-dark);
    }

    .contact-iconbox:hover .contact-icontext p,
    .contact-iconbox:hover .contact-icontext a {
        color: #777;
    }

    .contact-icontext p {
        margin: 8px 0 0 0;
    }

    .contact-form-box {
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
        height: auto;
    }

    .contact-icontext p {
        font-size: 14px;
    }

}

@media only screen and (max-width: 1151px) {

    h1,
    h2,
    .banner-heading,
    .amount {
        font-size: 2.25rem;
    }

    .discover-posted .discover-icontext h4 {
        font-size: 38px;
    }

    span.boost-cost {
        font-size: 14px;
    }

    span.boost-del {
        font-size: 16px;
    }

    span.boost-sale {
        font-size: 13px;
    }

    span.boost-price {
        font-size: 20px;
    }

    .brand-logo {
        font-size: 24px;
    }

    .welcome-text {
        font-size: 18px;
    }

    .btn-social {
        padding: 5px 10px;
    }

    .social-logo {
        max-width: 70%;
    }

    .nav-actions {
        gap: 10px;
    }

    .form-options a {
        font-size: 13px;
    }

    .stat-info h3 {
        font-size: 24px;
    }

    .shortlist-empty-illustration i {
        font-size: 28px;
    }

}

@media only screen and (max-width: 1101px) {
    .discover-posted .discover-icontext h4 {
        font-size: 35px;
    }
}


@media only screen and (max-width: 991.2px) {

    h1,
    h2,
    .banner-heading,
    .amount {
        font-size: 2.1875rem;
    }

    h3,
    .title {
        font-size: 2rem;
    }

    a,
    button,
    input[type="submit"] {
        font-size: 0.9375rem;
    }

    .blog-text h4 {
        font-size: 22px;
    }

    .question h4 {
        font-size: 22px;
    }

    .discover-posted .discover-icontext h4 {
        font-size: 32px;
    }

    .banner {
        height: auto;
    }

    .banner img {
        display: none;
    }

    .banner::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-image: url(../images/banner-abso.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        z-index: -1;
    }

    .banner-cont {
        position: static;
        padding: 40px 0;
    }

    .banner-text h1 {
        text-align: center;
    }

    .banner-bottom-box {
        margin: 0;
    }

    .banner-bottom-text {
        margin: 30px 0 0 0;
    }

    .desktop-btn {
        display: none;
    }

    .leader-image-box {
        gap: 20px;
    }

    .leader-prize-bottom h4 {
        font-size: 18px;
    }

    .leader-prize-bottom img {
        font-size: 16px;
    }

    .leader-table-container {
        width: 100%;
        margin: 30px 0 0 0;
    }

    .mobile-btn {
        display: block;
        text-align: center;
        margin: 30px 0 0 0;

    }

    .task-info-icon {
        width: 40px;
        height: 40px;
    }

    .task-info-icon img {
        width: 18px;
    }

    .task-info-box {
        margin: 0 0 20px 0;
    }

    .task-box-right {
        width: 100%;
        margin: 30px 0 0 0;
    }

    .task-iconbox {
        padding: 0 0 20px 0;
        margin: 0 0 20px 0;
    }

    .task-icon {
        width: 40px;
        height: 40px;
    }

    .task-icon img {
        width: 20px;
    }

    .task-icontext {
        width: calc(100% - 50px);
    }

    .task-inner-left {
        width: calc(100% - 40px);
    }

    .task-inner-right {
        width: 30px;
    }

    .task-inner-icon {
        font-size: 20px;
    }

    .discover-bottom-row {
        justify-content: center;
        column-gap: 20px;
    }

    .discover-item {
        width: 31%;
    }

    .discover-icon {
        width: 50px;
        height: 50px;
    }

    .discover-icon img {
        width: 25px;
    }

    .discover-icontext {
        margin: 15px 0 0 0;
    }

    .discover-icontext p {
        margin: 15px 0 0 0;
    }

    .discover-posted .discover-icontext p {
        font-size: 15px;
    }

    .discover-btn span {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }

    .milestone-icon {
        width: 60px;
        height: 60px;
    }

    .milestone-icon img {
        width: 22px;
    }

    .milestone-inner-box::before {
        display: none;
    }

    .milestone-icontext h4 {
        font-size: 18px;
    }

    .blog-image {
        height: auto;
        aspect-ratio: 3 / 2;
    }

    .faq-image {
        display: none;
    }

    .faq-text {
        width: 100%;
        margin: 30px 0 0 0;
    }

    .footer-quick-box .footer-box,
    .footer-last-box .footer-box {
        padding: 0 0 0 10%;
    }

    .footer-link ul li a {
        font-size: 15px;
    }

    .footer-row {
        row-gap: 20px;
    }

    .footer-copyright {
        padding: 10px 0;
    }

    .footer-copyright p {
        font-size: 14px;
    }

    .bars {
        row-gap: 5px;
        display: flex;
        flex-wrap: wrap;
        width: 40px;
        margin: 0 0 0 20px;
    }

    .bar {
        width: 100%;
        height: 3px;
        background: var(--primary-color);
        border-radius: 5px;
        transition: transform 0.5s;
    }

    .bars.active .bar {
        transform: rotate(45deg) translateX(7px);
        background: var(--secondary-color);
    }

    .bars.active .bar:nth-child(2) {
        display: none;
    }

    .bars.active .bar:last-child {
        transform: rotate(-45deg) translateX(5px);
        background: var(--secondary-color);
    }

    .menu {
        display: none;
    }

    .offcanvas-start {
        background: var(--white-color);
    }

    .offcanvas-header {
        width: 100%;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #ddd;
    }

    .offcanvas-header .logo {
        width: 50%;
    }

    .offcanvas-header .logo img {
        width: 100%;
    }

    .offcanvas-header .close-sidebar {
        display: grid;
        place-items: center;
        outline: none;
        border: none;
        background: transparent;
        transition: all 0.5s;
        color: var(--secondary-color);
        width: 40px;
        height: 40px;
        font-size: 20px;
        border: 2px solid #ddd;
        border-radius: 50%;
    }

    .offcanvas-header .close-sidebar:hover {
        background: var(--secondary-color);
        color: var(--white-color);
        border: 2px solid var(--secondary-color);
    }

    .offcanvas-header .close-sidebar i {
        transition: all 0.3s;
    }

    .offcanvas-header .close-sidebar:hover i {
        transform: rotate(90deg);
    }

    .offcanvas-body {
        padding: 20px 20px 40px;
    }

    .offcanvas-body::-webkit-scrollbar {
        width: 4px;
    }

    .offcanvas-body .menu {
        width: 100%;
        display: block;
        padding: 0;
        text-align: left;
        margin: 0;
    }

    .offcanvas-body .menu ul {
        width: 100%;
        padding: 0;
        flex-direction: column;
        gap: 0;
    }

    .offcanvas-body .menu ul li {
        width: 100%;
        margin: 0;
        padding: 0;
        border: none;
    }

    .offcanvas-body .menu ul li a {
        width: 100%;
        padding: 10px 20px 10px 20px;
        margin: 0;
        display: block;
        border-bottom: 1px solid #eee;
        font-size: 1rem;
    }

    .offcanvas-body .menu ul li a:hover {
        background: var(--secondary-color);
        color: var(--white-color);
    }

    .offcanvas-body .menu ul li.active a {
        background: var(--primary-color);
        color: var(--white-color);
    }

    .menu ul li a::after {
        display: none;
    }

    .offcanvas-body .menu-btn-box {
        width: 100%;
        justify-content: flex-start;
        padding: 0;
        border: none;
        margin: 30px 0 0 0;
        display: none;
    }

    .search-btn a,
    .profile-btn {
        width: 30px;
        height: 30px;
        font-size: 13px;
    }

    .task-info-text {
        margin: 15px 0 0 0;
    }

    .footer-box h4 {
        font-size: 21px;
    }

    .banner-bottom-list {
        margin: 15px 0 0 0;
    }

    .filter-tags {
        gap: 10px;
    }

    .leader-table-container {
        position: static;
    }

    .task-box-left {
        position: static;
    }

    .form-title {
        font-size: 22px;
    }

    .login-left {
        display: none;
    }

    .login-right {
        padding: 30px 20px;
    }

    .btn-social {
        width: max-content;
        flex: unset;
        height: auto;
    }

    .btn-social img {
        max-width: 80px;
    }

    .btn-login {
        width: 80%;
        margin: 0 auto 15px;
        display: block;
        font-size: 14px;
        padding: 10px;
    }

    .form-floating {
        margin-bottom: 15px;
    }

    .form-floating label,
    .form-floating input {
        font-size: 14px;
    }

    .forgot-password {
        margin-bottom: 15px;
    }

    .social-sidebar .social-login {
        margin-bottom: 15px;
    }

    .form-group {
        margin-bottom: 15px;
    }

    .checkbox-container {
        margin-bottom: 15px;
    }

    #step1Page {
        display: block;
        min-height: unset;
    }

    .mobile-social-box {
        display: block;
    }

    .social-title {
        margin-bottom: 15px;
        font-size: 15px;
        text-align: center;
    }

    .social-sidebar {
        display: none;
    }

    .create-btn,
    .btn-save-continue {
        font-size: 13px;
    }

    .mobile-social-box .privacy-text {
        margin: 10px 0 0 0;
    }

    #step2Page {
        display: block;
        min-height: unset;
    }

    .progress-container {
        padding: 20px 20px;
        gap: 10px;
    }

    .progress-header {
        font-size: 14px;
    }

    .profile-pic-upload-area {
        width: 100px;
        height: 100px;
    }

    .profile-pic-upload-area .upload-icon {
        font-size: 35px;
    }

    .profile-pic-upload-area .upload-text {
        font-size: 8px;
    }

    .suggestions {
        font-size: 14px;
    }

    .profile-section {
        margin-bottom: 15px;
    }

    .profile-section h3 {
        font-size: 16px;
    }

    .profile-info h2 {
        font-size: 22px;
    }

    .profile-header {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .profile-header {
        gap: 20px;
    }

    .placeholder-section {
        padding: 20px;
    }

    .profile-card {
        padding: 20px 20px;
    }

    .lead {
        font-size: 15px;
    }

    .filter-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .advanced-search {
        margin-top: 15px;
        padding-top: 15px;
    }

    .search-form {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .search-input {
        padding: 10px 10px 10px 35px;
    }

    .search-select {
        padding: 10px;
    }

    .filter-input {
        padding: 10px;
    }

    .salary-input {
        padding: 10px;
    }

    .search-sidebar {
        position: static;
    }

    .filter-section {
        padding: 20px;
        margin: 20px 0 0 0;
        display: block;
    }

    .results-summary {
        padding: 15px;
        font-size: 14px;
    }

    .search-btn-box {
        text-align: left !important;
    }

    .view-detail-btn {
        margin: 10px 0;
    }

    .job-card {
        padding: 20px;
    }

    .card-subtitle {
        font-size: 13px;
    }

    .search-result-row .col-lg-3 {
        order: 1;
    }

    .search-result-row .col-lg-9 {
        order: 0;
    }

    .filter-group {
        margin-bottom: 12px;
    }

    .career-filter-btn {
        margin-bottom: 12px;
    }

    .career-filter-action {
        display: inline-block;
        margin-left: 10px;
    }

    .job-list {
        row-gap: 0;
    }

    .job-card {
        width: 47%;
        margin: 30px 0 0 0;
    }

    .job-description {
        margin-bottom: 15px;
    }

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

    .career-filter-section {
        margin: 0;
    }

    .newsletter-input {
        width: 70%;
    }

    .newsletter-submit {
        width: 30%;
    }

    .company-filter-row .filter-group {
        margin: 0;
        gap: 15px;
    }

    .company-card {
        width: 47%;
    }

    .company-logo {
        width: 60px;
        height: 60px;
    }

    .company-box .search-filter-section {
        padding: 30px 20px;
    }

    .company-box .search-bar {
        margin-bottom: 15px;
    }

    .results-header {
        padding: 30px 20px;
    }

    .company-box .search-filter-section {
        margin-bottom: 20px;
    }

    .job-detail-popup .modal-body h3 {
        font-size: 18px;
    }

    .inner-banner {
        padding: 114px 0;
    }

    .team-image {
        width: 80px;
        height: 80px;
        padding: 2px;
    }

    .team-role {
        font-size: 13px;
    }

    .team-text h4 {
        font-size: 20px;
    }

    .service-card {
        width: 47%;
    }

    .service-list h3,
    .service-form-box h3 {
        font-size: 24px;
    }

    .service-detail-row {
        flex-direction: column-reverse;
    }

    .service-detail-text {
        width: 100%;
    }

    .service-detail-text h4 {
        font-size: 22px;
    }

    .service-detail-text h4,
    .service-detail-text p,
    .service-detail-text ul li,
    .service-detail-text ol li {
        margin: 15px 0 0 0;
    }

    .service-sidebar {
        position: static;
        display: flex;
        flex-direction: column-reverse;
    }

    .service-form-box,
    .service-list {
        margin: 30px 0 0 0;
    }

    .popup-input {
        margin: 0 0 10px 0;
    }

    .service-area {
        margin: 10px 0 0 0;
    }

    .service-submit {
        padding: 8px 25px;
        width: max-content;
    }

    .service-checkbox {
        margin: 10px 0 0 0;
    }

    .service-form-box,
    .service-list {
        padding: 20px 20px;
    }

    .blog-quote-box {
        margin: 20px 0 0 0;
    }

    .blog-inner-sidebar .title {
        font-size: 24px;
    }

    .blog-icon {
        width: 80px;
        height: 80px;
    }

    .blog-icontext {
        width: calc(100% - 100px);
        margin: 0;
    }

    .blog-inner-sidebar {
        padding: 20px 20px;
        position: static;
        margin: 30px 0 0 0;
    }

    .journey-text h4 {
        font-size: 24px;
    }

    .counter-row {
        row-gap: 30px;
    }

    .about-image {
        position: static;
        height: auto;
        aspect-ratio: 3 / 2;
    }

    .about-text {
        width: 100%;
    }

    .about-text p,
    .about-text h4 {
        margin: 15px 0 0 0;
    }

    .desktop-image {
        display: none;
    }

    .mobile-image {
        display: block;
        margin: 20px 0 0 0;
    }

    .journey-card {
        margin: 30px 0 0 0;
        padding: 30px 20px;
    }

    .journey-text {
        padding: 0;
    }

    .journey-image {
        height: auto;
        aspect-ratio: 3 / 2;
    }

    .journey-text p {
        margin: 15px 0 0 0;
    }

    .testimonial-icon {
        width: 60px;
        height: 60px;
    }

    .testimonial-icontext {
        width: calc(100% - 70px);
    }

    .about-counter-icontext p {
        font-size: 14px;
    }


    .mission-card {
        padding: 30px 20px;
    }

    .mission-icon {
        width: 60px;
        height: 60px;
    }

    .mission-icon img {
        width: 30px;
    }

    .mission-icontext h4 {
        font-size: 22px;
    }

    .value-icontext h4 {
        font-size: 22px;
    }

    .value-card {
        width: 48%;
        margin: 30px 0 0 0;
        padding: 30px 20px;
    }

    .value-icontext {
        margin: 15px 0 0 0;
    }

    .value-mark {
        font-size: 60px;
    }

    .question h4 {
        width: calc(100% - 35px);
        font-size: 1rem;
    }

    .answer p {
        font-size: 13px;
    }

    .toggle-icon {
        width: 25px;
        height: 25px;
        font-size: 12px;
    }

    .faq-two {
        margin: 20px 0 0 0;
    }

    .contact-icon {
        width: 60px;
        height: 60px;
    }

    .contact-icon img {
        width: 30px;
    }

    .contact-icontext h4 {
        font-size: 22px;
    }

    .form-input {
        margin: 15px 0 0 0;
    }

    .mapbox {
        height: 400px;
    }

    .contact-form-box {
        padding: 30px 20px;
    }

    .contact-iconbox {
        padding: 30px 20px;
    }

    .favorites-tabs .tab-content {
        padding: 20px 20px;
    }

    .favorites-tabs .nav-tabs .nav-link {
        font-size: 14px;
        padding: 8px 20px;
    }

    .placeholder-section iframe {
        height: auto;
        aspect-ratio: 3 / 2;
    }

    .dashboard-link h4 {
        font-size: 24px;
    }

    .dash-display .btn-login {
        width: 100%;
        margin: 0;
    }

    .password-toggle {
        font-size: 14px;
    }

    .strength-bar {
        height: 4px;
    }

    .strength-text {
        font-size: 12px;
    }

    .company-detail-text-box .title {
        font-size: 24px;
    }

    .company-subtitle {
        font-size: 16px;
    }

    .quick-stat {
        font-size: 16px;
    }

    .company-counter-head {
        font-size: 22px;
    }

    .social-item {
        width: 30px;
        height: 30px;
        font-size: 15px;
    }

    .quick-stat {
        font-size: 14px;
    }

    .company-counter {
        min-height: unset;
    }

    .company-detail-btn,
    .company-apply-btn {
        font-size: 14px;
    }

    .company-detail-text-box {
        width: 100%;
    }

    .company-detail-sidebar {
        position: static;
        margin: 30px 0 0 0;
    }

    .company-quick-btn-box {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .company-logo-large {
        width: 60px;
        height: 60px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }

    .company-logo-large img {
        width: 40px;
    }

    .btn-hero {
        padding: 8px 20px;
        font-size: 13px;
    }

    .company-counter h5 {
        font-size: 12px;
    }

    .company-detail-btn,
    .company-apply-btn {
        padding: 8px 20px;
        font-size: 13px;
    }

    .review-submit-btn {
        padding: 8px 20px;
        font-size: 13px;
    }

    .company-similar-icontext {
        width: calc(100% - 75px);
        margin: 0;
    }

    .notification-actions {
        width: 100%;
    }

    .company-left {
        display: none;
    }

    .form-options {
        margin-bottom: 15px;
    }

    .form-input-box {
        margin: 0 0 15px 0;
    }

    .stat-info h3 {
        font-size: 22px;
    }

    .action-btn {
        font-size: 13px;
    }

    .header-left {
        gap: 10px;
    }

    .header-left h1 {
        font-size: 20px;
    }

    .sidebar {
        z-index: 99;
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        width: 200px;
    }

    .sidebar.active {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }

    .company-main-content {
        margin-left: 0;
        width: 100%;
    }

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

    .top-header {
        z-index: 10;
        padding: 10px 15px;
    }

    .top-header.header-toggle {
        padding-left: 220px;
    }

    .sidebar-header {
        padding: 15px;
    }

    .sidebar-header .sidebar-text img {
        max-width: 120px;
    }

    .sidebar-menu {
        padding: 15px 0;
    }

    .dashboard-main-content {
        padding: 20px;
    }

    .dashboard-grid {
        margin-bottom: 20px;
    }

    .stats-grid {
        margin-bottom: 20px;
    }

    .plan-card h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .plan-card {
        padding: 20px 20px;
    }

    .plan-price {
        margin-bottom: 10px;
    }

    .payment-history {
        padding: 20px 20px;
    }

    .plan-features {
        margin-bottom: 10px;
    }

    .billing-toggle {
        margin-bottom: 20px;
    }

    .toggle-label {
        font-size: 14px;
    }

    .slider-toggle:before {
        width: 16px;
        height: 16px;
        bottom: 2px;
        left: 0;
    }

    .switch {
        width: 40px;
        height: 20px;
    }

    .subscription-content {
        padding: 20px;
    }

    .plan-usage {
        margin-bottom: 15px;
    }

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

    .stat-number {
        font-size: 20px;
    }

    .job-description-text p {
        margin: 15px 0 0 0;
    }

    .job-description-text h4 {
        margin: 15px 0 0 0;
    }

    .job-detail-btn {
        margin-bottom: 15px;
    }

    .job-stats-text {
        margin-bottom: 15px;
    }

    .job-content {
        padding: 20px;
    }

    .job-filters {
        gap: 15px;
    }

    .shortlist-empty-illustration i {
        font-size: 25px;
    }

    .shortlist-empty-state h3 {
        font-size: 20px;
    }

    .shortlist-empty-state p {
        font-size: 14px;
    }

    .shortlisted-content {
        padding: 20px;
    }

    .shortlist-avatar img {
        width: 60px;
        height: 60px;
    }

    .shortlist-profile-avatar {
        width: 60px;
        height: 60px;
    }

    .shortlist-profile-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .shortlist-profile-section {
        margin-bottom: 15px;
    }

    .shortlist-work-header {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }

    .shortlist-profile-actions {
        margin-top: 15px;
    }

    .shortlist-profile-info h4 {
        font-size: 18px;
    }

    .shortlist-profile-title {
        font-size: 13px;
    }

    .shortlist-summary-info h4 {
        font-size: 18px;
    }

    .shortlist-summary-info p {
        font-size: 13px;
    }

    .notifications-content {
        padding: 20px;
    }

    .profile-content {
        padding: 20px;
    }

    .logo-info h4 {
        font-size: 18px;
    }

    .logo-preview {
        width: 70px;
        height: 70px;
    }

    .profile-form-section h4 {
        font-size: 18px;
    }

    .profile-inner-card-header p {
        font-size: 13px;
    }

    .post-form-section h4 {
        font-size: 18px;
    }

    .post-step {
        padding: 15px;
    }

    .post-step-number {
        width: 25px;
        height: 25px;
        font-size: 12px;
    }

    .job-post-preview-section h4 {
        font-size: 18px;
    }

    .job-post-preview h4 {
        font-size: 16px;
    }

    .edit-content {
        padding: 20px;
    }

    .edit-form-body {
        padding: 20px 20px;
    }

    .edit-job-preview h3 {
        font-size: 18px;
    }

    .term-text {
        margin: 20px 0 0 0;
    }

    .term-text h2,
    .term-text h3,
    .term-text h4,
    .term-text h5,
    .term-text p,
    .term-text ul li,
    .term-text ol li {
        margin: 15px 0 0 0;
    }

    .term-text h2,
    .term-text h3 {
        font-size: 22px;
    }

    .term-text h4 {
        font-size: 20px;
    }

    .term-text h5 {
        font-size: 18px;
    }


}

@media only screen and (max-width: 767.2px) {

    h1,
    h2,
    .banner-heading,
    .amount {
        font-size: 2rem;
    }

    h3,
    .title {
        font-size: 1.875rem;
    }

    #step1Page,
    #step2Page,
    #confirmationPage {
        grid-template-columns: 1fr;
    }

    .form-area,
    .confirmation-area {
        padding: 1.5rem;
    }

    .main-container {
        margin: 1rem auto;
        padding: 0 0.5rem;
    }

    .experience-options,
    .radio-group,
    .checkbox-group {
        /* flex-direction: column; */
        gap: 16px;
    }

    .action-buttons-status {
        flex-direction: column;
        align-items: center;
    }

    .btn-status {
        width: 100%;
        min-width: unset;
    }

    .it-skills-table th,
    .it-skills-table td {
        padding: 8px;
    }

    .profile-actions {
        flex-direction: column;
        width: 100%;
    }

    .btn-profile {
        width: 100%;
    }

    .profile-details {
        grid-template-columns: 1fr;
    }

    .it-skills-display-table th,
    .it-skills-display-table td {
        padding: 8px;
    }

    .discover-posted .discover-icontext h4 {
        font: 30px;
    }

    .discover-item {
        width: 47%;
    }

    .discover-posted {
        background-color: var(--primary-color);
        background-blend-mode: hue;
    }

    .milestone-icontext h4 {
        font-size: 15px;
        padding: 8px 15px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }

    .milestone-icontext h4::before {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid white;
        top: -5px;
    }

    .milestone-icontext {
        margin: 10px 0 0 0;
    }

    .banner-bottom-text {
        min-height: unset;
    }

    .logo img {
        max-width: 150px;
    }

    .footer-image img {
        max-width: 150px;
    }

    .login-btn,
    .register-btn {
        font-size: 13px;
    }

    .menu-btn-box {
        gap: 10px;
    }

    .blog-text h4 {
        font-size: 20px;
    }

    .discover-icontext h4 {
        font-size: 18px;
    }

    .question h4 {
        font-size: 20px;
    }

    .btn-social img {
        max-width: 60px;
    }

    .dropdown-content {
        top: 40px;
    }

    .progress-header {
        font-size: 13px;
    }

    .form-group label[for="totalExperienceMonths"] {
        display: none;
    }

    .profile-pic-container {
        width: 80px;
        height: 80px;
    }

    .profile-header {
        gap: 15px;
    }

    .placeholder-section {
        padding: 15px 15px;
    }

    .responsive-table thead {
        display: none;
        /* hide table headers */
    }

    .responsive-table,
    .responsive-table tbody,
    .responsive-table tr,
    .responsive-table td {
        display: block;
        width: 100%;
    }

    .responsive-table tr {
        border: 1px solid #ccc;
        padding: 10px;
        border-radius: 8px;
        background-color: #fafafa;
    }

    .responsive-table td {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding-left: 50%;
        position: relative;
        border: none;
        border-bottom: 1px solid #eee;
    }

    .responsive-table td::before {
        content: attr(data-label);
        /* show column label */
        position: absolute;
        left: 15px;
        width: 45%;
        font-weight: bold;
        text-align: left;
        color: var(--primary-color);
    }

    .responsive-table td:last-child {
        border-bottom: 0;
    }

    .placeholder-section .responsive-table td a {
        color: var(--secondary-color);
        word-break: break-word;
    }

    .placeholder-section .responsive-table td a:hover {
        color: #454545;
    }

    .profile-actions {
        margin-top: 10px;
    }

    .btn-profile {
        font-size: 13px;
        padding: 8px 15px;
    }

    .footer-copyright p {
        font-size: 13px;
    }

    .search-form {
        grid-template-columns: 1fr 1fr;
    }

    .job-list {
        column-gap: 0;
        justify-content: space-between;
    }

    .job-card {
        width: 100%;
    }

    .newsletter-image {
        margin: 20px 0 0 0;
    }

    .companies-grid {
        justify-content: space-between;
        column-gap: 0;
    }

    .company-card {
        width: 100%;
    }

    .company-box .search-filter-section {
        padding: 20px 20px;
    }

    .results-header {
        padding: 20px 20px;
    }

    .inner-banner {
        padding: 91px 0;
    }

    .service-text h4 {
        font-size: 20px;
    }

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

    .testimonial-card {
        text-align: left;
    }

    .counter-row .col-sm-12 {
        width: 48%;
    }

    .testimonial-icontext h4 {
        font-size: 20px;
    }

    .value-card {
        padding: 20px 20px;
    }

    .mission-card {
        padding: 20px 20px;
    }

    .contact-form-box {
        padding: 20px 20px;
    }

    .contact-iconbox {
        padding: 20px 20px;
    }

    .mapbox {
        height: 380px;
    }

    .dashboard-link ul {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap;
    }

    .dashboard-link ul li a {
        border: none;
        padding: 8px 15px;
        background: var(--secondary-color);
        color: var(--white-color);
        font-size: 12px;
    }

    .personal-flex {
        margin: 20px 0 0 0;
    }

    .dashboard-content {
        padding: 20px 0 0 0;
    }

    .personal h4 {
        font-size: 18px;
    }

    .dashboard-link {
        position: static;
    }

    .address {
        font-size: 18px;
    }

    .company-detail-text-box .title {
        font-size: 22px;
    }

    .company-detail-sidebar h3 {
        font-size: 20px;
    }

    .company-subtitle {
        font-size: 15px;
    }

    .company-counter-head {
        font-size: 20px;
    }

    .company-right {
        padding: 20px 20px;
    }

    .job-stats {
        flex-direction: column;
        align-items: flex-start;
    }

    .progress-bar {
        width: 100%;
        flex: unset;
    }

    .application-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .stat-card {
        padding: 15px;
    }

    .card-header,
    .job-performance {
        padding: 15px;
    }

    .quick-actions {
        padding: 15px;
    }


    .action-buttons {
        margin-top: 15px;
    }

    .plan-card h3 {
        font-size: 15px;
    }

    .shortlist-empty-illustration i {
        font-size: 22px;
    }

    .shortlist-grid {
        justify-content: space-between;
        column-gap: 0;
    }

    .shortlist-card {
        width: 100%;
    }

    .logo-preview {
        width: 60px;
        height: 60px;
    }

    .post-form-steps {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media only screen and (max-width: 575.2px) {

    h1,
    h2,
    .banner-heading,
    .amount {
        font-size: 1.875rem;
    }

    h3,
    .title {
        font-size: 1.75rem;
    }

    .discover-posted .discover-icontext h4 {
        font-size: 28px;
    }

    .logo img {
        max-width: 120px;
    }

    .footer-image img {
        max-width: 120px;
    }


    .menu-btn-box {
        display: none;
    }

    .offcanvas-body .menu-btn-box {
        display: flex;
    }

    .milestone-box .col-xs-12 {
        width: 48%;
    }

    .milestone-item {
        margin: 20px 0 0 0;
    }

    .footer-quick-box .footer-box,
    .footer-last-box .footer-box {
        padding: 0;
    }

    .footer-box h4 {
        font-size: 20px;
    }

    .question h4 {
        font-size: 18px;
    }

    .btn-login {
        width: 100%;
    }

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

    .form-floating label,
    .form-floating input {
        font-size: 13px;
    }

    .profile-info h2 {
        font-size: 20px;
    }

    .search-form {
        grid-template-columns: 1fr;
    }

    .salary-input {
        width: 100%;
    }

    .salary-range {
        flex-wrap: wrap;
        justify-content: center;
    }

    .job-card h5.card-title {
        font-size: 18px;
    }

    .badge {
        font-size: 12px;
    }


    .apply-form .btn-submit {
        font-size: 15px;
    }

    .job-detail-popup .modal-title {
        font-size: 18px;
    }

    .form-control,
    .modal input,
    .modal select {
        font-size: 13px;
    }

    .detail-item {
        padding: 10px;
    }

    .results-header {
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
    }

    .sort-dropdown {
        width: 100%;
    }

    .team-image {
        width: 60px;
        height: 60px;
    }

    .team-connect-button {
        font-size: 14px;
    }

    .inner-banner {
        padding: 67px 0;
    }

    .service-row {
        justify-content: space-between;
        column-gap: 0;
    }

    .service-card {
        width: 100%;
    }

    .journey-text h4 {
        font-size: 22px;
    }

    .about-counter-icon {
        width: 60px;
    }

    .testimonial-icontext h4 {
        font-size: 18px;
    }

    .about-counter-icontext p {
        font-size: 13px;
    }

    .mapbox {
        height: 300px;
    }

    .contact-list-box {
        justify-content: space-between;
        column-gap: 0;
    }

    .contact-iconbox {
        width: 100%;
    }

    .favorites-tabs .nav-tabs .nav-link {
        font-size: 12px;
    }

    .favorites-tabs .nav-tabs .nav-link .badge {
        font-size: 11px;
    }

    .company-subtitle {
        font-size: 14px;
    }

    .company-detail-text-box .title {
        font-size: 20px;
    }

    .review-header {
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
    }

    .review-text {
        font-size: 13px;
    }

    .form-title {
        font-size: 20px;
    }

    .input-group-item .left-icon {
        top: 14px;
        left: 10px;
        font-size: 13px;
    }

    .input-group-item input,
    .input-group-item select,
    .input-group-item textarea {
        padding: 10px 10px 10px 30px;
    }

    .dashboard-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .header-left h1 {
        font-size: 18px;
    }

    .sidebar-toggle {
        width: 30px;
        height: 30px;
        font-size: 15px;
    }

    .company-logo-section {
        flex-direction: column;
        align-items: flex-start;
    }

    .profile-form-row {
        grid-template-columns: 1fr;
        gap: unset;
    }

    .security-option,
    .notification-option {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .post-form-row {
        grid-template-columns: 1fr;
        gap: unset;
    }

    .post-salary-range {
        flex-direction: column;
        gap: 10px;
    }

    .post-salary-input {
        width: 100%;
    }

    .form-edit-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }


}

@media only screen and (max-width: 501px) {

    h1,
    h2,
    .banner-heading,
    .amount {
        font-size: 1.75rem;
    }

    h3,
    .title {
        font-size: 1.5625rem;
    }

    .discover-posted .discover-icontext h4 {
        font-size: 25px;
    }

    .leader-inner-icon-text {
        width: 100%;
        margin: 10px 0 0 0;
    }

    .task-icontext {
        width: 100%;
        margin: 10px 0 0 0;
    }

    .task-info-left {
        width: 100%;
    }

    .task-info-right {
        width: 100%;
        margin: 10px 0 0 0;
        text-align: left;
    }

    .leader-prize-bottom h4 {
        font-size: 16px;
    }

    .leader-prize-bottom img {
        font-size: 14px;
    }

    .milestone-icontext h4 {
        font-size: 14px;
    }

    .job-detail-popup .modal-title {
        font-size: 16px;
    }

    .value-card {
        width: 100%;
        text-align: center;
    }

    .value-icon {
        margin: 0 auto;
    }

    .value-mark {
        font-size: 50px;
        bottom: unset;
        top: 20px;
    }

    .mission-card {
        width: 100%;
    }

    .mapbox {
        height: 250px;
    }

    .personal ul li span {
        width: 25%;
        margin: 0;
    }

    .personal ul li span,
    .personal ul li p {
        font-size: 12px;
    }

    .personal {
        padding: 15px 10px;
    }

    .stat-text {
        width: 47%;
    }

}

@media only screen and (max-width: 481px) {

    h1,
    h2,
    .banner-heading,
    .amount {
        font-size: 1.5625rem;
    }

    h3,
    .title {
        font-size: 1.5rem;
    }

    .discover-posted .discover-icontext h4 {
        font-size: 22px;
    }

    .banner-input {
        padding: 10px 10px;
    }

    .banner-submit[type="submit"] {
        padding: 8px 20px;
        font-size: 14px;
        position: static;
        margin: 10px 0 0 0;
        background: var(--secondary-color);
    }

    .discover-bottom-row {
        justify-content: space-between;
        column-gap: 0;
    }

    .discover-item {
        width: 100%;
    }

    .leader-icon {
        width: 30px;
        margin-left: auto;
    }

    .leader-icon img {
        width: 100%;
    }

    .leader-icontext {
        width: 100%;
        padding: 0 0 0 10px;
    }

    .leader-iconbox {
        padding: 15px;
    }

    .banner-text-top a {
        padding: 10px 30px;
        font-size: 14px;
    }

    span.boost-cost {
        font-size: 13px;
    }

    span.boost-del {
        font-size: 15px;
    }

    span.boost-sale {
        font-size: 12px;
    }

    span.boost-price {
        font-size: 18px;
    }

    .banner-text-bottom {
        padding: 20px 15px;
    }

    .filter-tags {
        gap: 8px;
    }

    .milestone-icon {
        border-width: 3px;
    }

    .btn-social img {
        max-width: 40px;
    }

    .responsive-table td::before {
        width: 100%;
        position: static;
        border-bottom: 1px solid #ddd;
        padding: 0 0 5px 0;
    }

    .responsive-table td {
        flex-direction: column;
        gap: 10px;
        padding: 10px;
        margin-bottom: 15px;
    }

    .responsive-table td:last-child {
        margin: 0;
    }

    .profile-header {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 10px;
    }

    .results-summary {
        flex-direction: column;
        gap: 15px;
    }

    .results-summary div {
        width: 100%;
    }

    .form-search-select {
        width: 100% !important;
    }

    .job-detail-popup .modal-title {
        font-size: 14px;
    }

    .service-left-btn {
        width: 100%;
    }

    .service-left-btn a span {
        display: inline-block;
        margin: 0 0 0 5px;
    }

    .service-right-btn {
        display: none;
    }

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

    .blog-icontext {
        width: 100%;
        margin: 10px 0 0 0;
    }

    .about-counter-icontext p {
        font-size: 12px;
    }

    .about-counter-icon {
        width: 50px;
    }

    .contact-icontext p {
        font-size: 13px;
    }

    .filter-actions {
        flex-direction: column;
        align-items: flex-start;
    }

    .company-detail-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .company-title {
        width: 100%;
    }

    .header-left h1 {
        font-size: 16px;
    }

    .user-btn {
        font-size: 13px;
    }

    .user-dropdown-icon {
        font-size: 11px;
    }

    .user-btn img {
        width: 30px;
        height: 30px;
    }

    .user-dropdown a {
        font-size: 13px;
        padding: 10px;
    }

    .usage-item {
        gap: 10px;
        flex-direction: column;
        align-items: flex-start;
    }

    .usage-bar {
        flex: unset;
        width: 100%;
        height: 6px;
    }

    .profile-tabs {
        flex-direction: column;
    }

    .post-form-steps {
        grid-template-columns: repeat(1, 1fr);
    }

    .post-form-navigation {
        justify-content: center;
        gap: 15px;
    }

    .post-step-indicator {
        order: 0;
        width: 100%;
        text-align: center;
    }

    .post-prev-btn {
        order: 1;
    }

    .post-next-btn {
        order: 2;
    }


}

@media only screen and (max-width: 463px) {
    .stat-text {
        width: 45%;
    }
}

@media only screen and (max-width: 451px) {

    h1,
    h2,
    .banner-heading,
    .amount {
        font-size: 1.5rem;
    }

    .newsletter-form-flex {
        border: none;
    }

    .newsletter-input {
        width: 100%;
        border: 2px solid var(--secondary-color);
    }

    .newsletter-submit {
        width: max-content;
        padding: 8px 20px;
        font-size: 14px;
        margin: 10px 0 0 0;
    }

    .company-similar-icontext {
        width: 100%;
        margin: 10px 0 0 0;
    }

    .form-options {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }

    .form-options a {
        margin-left: auto;
    }

    .notification-item {
        flex-direction: column;
    }

    .notification-message p {
        font-size: 13px;
        line-height: 1.8;
    }

}

@media only screen and (max-width: 376px) {
    .banner-text-top a {
        padding: 8px 20px;
        font-size: 13px;
    }

    .tag {
        font-size: 13px;
    }

    .leader-table-container td {
        font-size: 13px;
    }

    .leader-table-container td.user {
        font-size: 12px;
    }

    .leader-table-container .credit {
        font-size: 12px;
    }

    .leader-table-container .credit img {
        width: 12px;
    }

    .milestone-icontext h4 {
        font-size: 13px;
    }

    .register-link {
        font-size: 13px;
    }

    .dropdown-content {
        right: -30px;
    }

    .progress-header {
        flex-direction: column;
        gap: 5px;
        align-items: flex-start;
    }

    .progress-header #progressPercentage {
        margin-left: auto;
    }

    .progress-header {
        font-size: 12px;
    }

    .company-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .job-detail-popup .mb-3 a {
        font-size: 12px;
    }

    .service-detail-text h4 {
        font-size: 20px;
    }

    .personal ul li {
        flex-direction: column;
        gap: 8px;
    }

    .personal ul li span,
    .personal ul li p {
        width: 100%;
        font-size: 13px;
    }

    .reviewer-info {
        flex-direction: column;
        align-items: flex-start;
    }

    .review-header {
        gap: 10px;
    }

    .applicant-info {
        flex-direction: column;
        align-items: flex-start;
    }

    .shortlist-profile {
        gap: 15px;
        flex-direction: column;
        align-items: flex-start;
    }

    .shortlist-summary {
        flex-direction: column;
        align-items: flex-start;
    }

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

}

@media only screen and (max-width: 351px) {
    .tag {
        font-size: 12px;
    }

    .leader-inner-text,
    .leader-prize-text {
        width: 100%;
    }

    .leader-prize-text {
        justify-content: flex-start;
        margin: 10px 0 0 0;
    }

    .leader-prize-top {
        text-align: left;
    }

    .leader-prize-bottom {
        justify-content: flex-start;
    }

    .leader-iconbox {
        width: 100%;
    }

    .task-inner-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .task-inner-prize {
        justify-content: flex-start;
        gap: 10px;
    }

    .milestone-icontext h4 {
        font-size: 12px;
    }

    .logo img {
        max-width: 100px;
    }

    .footer-image img {
        max-width: 100px;
    }

    .dropdown-content {
        right: -50px;
    }

    .job-detail-popup .modal-body .d-flex {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .job-detail-popup .modal-body h3 {
        margin-top: 15px;
    }

    .modal-footer {
        justify-content: flex-start;
    }

    .job-detail-popup .mb-3 a {
        font-size: 11px;
    }

    .favorites-tabs .nav-tabs .nav-link {
        font-size: 12px;
    }

    .favorites-tabs .nav-tabs .nav-link .badge {
        font-size: 10px;
    }

    .header-left h1 {
        font-size: 14px;
    }

    .job-stats-text {
        justify-content: space-between;
    }

    .stat-text {
        width: 100%;
    }

}

@media only screen and (max-width:338px) {

    .company-filter-row .filter-group,
    .form-edit-group {
        width: 95%;
    }

    .favorites-tabs .nav-tabs .nav-link {
        font-size: 11px;
    }

    .favorites-tabs .nav-tabs .nav-link .badge {
        font-size: 8px;
    }
}

/* Responsive css ends */