/* Responsive */

@media (max-width: 767px) {
    .job-detail-header {
        flex-wrap: nowrap;
    }
    .job-search-layout {
        flex-direction: column;
    }

    .job-list-column {
        max-width: 100%;
        width: 100%;
    }

    .more-filters-content {
        position: static;
        margin-top: 10px;
    }
}

@media (min-width: 1025px) and (max-width: 1199px) {
    .job-listings-grid .job-box {
        padding: 60px;
    }
}

@media (max-width: 767px) {
    .testimonial-wrapper {
        flex-direction: column !important;
        gap: 20px;
    }

    .testimonial-image,
    .testimonial-content {
        width: 100%;
    }
}


@media (min-width: 768px) and (max-width: 1024px) {
    .job-search-layout .related-jobs-title {
        font-size: 18px;
    }
    .job-detail-header {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .job-list-item {
        padding: 16px;
    }
    .job-list-meta .btn-view-job, .job-detail-header-action .btn-apply-detail {
        padding: 4px 20px;
        font-size: 15px;
    }
    .job-description div, .job-section div {
        line-height: 18px;
        font-size: 18px;
    }
    .job-list-item .top {
        gap: 15px;
        padding-bottom: 19px;
        margin-bottom: 19px;
    }
    .job-list-excerpt {
        font-size: 14px;
    }
    .job-search-container select {
        max-width: 115px;
    }
    .job-detail-header-action .btn-apply-detail {
        padding: 11px 14px;
        font-size: 14px;
    }
    .filter-field select {
        padding: 12px 20px 12px 12px;
        background-position: right 10px center;
    }
    .job-filter-form .filter-row .filter-field:first-child {
        max-width: 180px;
    }
    .job-filter-form .filter-row {
        gap: 15px;
    }
    .testimonial-content .rating {
        margin-bottom: 0;
        gap: 8px;
    }
    .filter-row .filter-field .btn-search {
        padding: 13px 25px;
    }

    .testimonial-image {
        max-width: 100%;
        width: 50%;
    }

    .testimonial-content {
        font-size: 16px;
        line-height: 24px;
        width: 50%;
        gap: 12px;
    }

    ul.job-meta {
        gap: 10px;
        flex-wrap: wrap;
    }

    ul.job-meta li {
        font-size: 13px;
    }

    .btn.btn-apply {
        font-size: 14px;
        padding: 13px 20px;
    }

    .job-listings-grid {
        gap: 20px;
    }

    .job-listings-grid .job-box {
        padding: 25px;
    }

    .job-listings-grid .job-box {
        width: 100%;
    }

    .job-detail {
        padding: 60px 0px 60px 0px;
    }

    .job-content, .job-requirements, .employment-conditions {
        margin-bottom: 20px;
    }

    .btn-apply-job {
        margin: 60px 0 60px;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    .job-detail-column{
        display: none;
    }
    .job-listings-grid {
        flex-wrap: wrap;
        gap: 25px;
    }

    ul.job-meta {
        gap: 10px;
        flex-wrap: wrap;
    }

    ul.job-meta li {
        font-size: 13px;
    }

    .btn.btn-apply {
        font-size: 14px;
        padding: 13px 20px;
    }


    .job-listings-grid .job-box {
        padding: 20px;
    }


    .job-detail {
        padding: 50px 0px 60px 0px;
    }

    .job-content, .job-requirements, .employment-conditions {
        margin-bottom: 20px;
    }

    .btn-apply-job {
        margin: 60px 0 60px;
    }

    .job-form h3 {
        font-size: 25px !important;
    }

    .job-listings-grid .job-box {
        width: 100%;
        gap: 15px;
    }

    ul.job-meta {
        flex-wrap: wrap;
    }

    .btn.btn-apply {
        font-size: 14px;
        padding: 12px 20px;
    }

    .gform-theme--foundation .gform_fields {
        row-gap: 15px !important;
    }

    .custom-contact-form_wrapper .gform_footer.top_label {
        justify-content: start;
        margin-top: 30px;
    }

    .custom-contact-form_wrapper .custom-contact-form .gform_button.button, .custom-event-form_wrapper .custom-event-form .gform_button.button {
        padding: 20px 75px !important;
        font-size: 18px !important;
        min-width: 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .custom-contact-form_wrapper .custom-contact-form .gfield textarea, .custom-contact-form_wrapper .custom-contact-form .gfield .ginput_password.large, .custom-contact-form_wrapper .custom-contact-form .gfield input.large, .custom-contact-form_wrapper .custom-contact-form .gfield select.large, .custom-event-form_wrapper .custom-event-form .gfield textarea, .custom-event-form_wrapper .custom-event-form .gfield .ginput_password.large, .custom-event-form_wrapper .custom-event-form .gfield input.large, .custom-event-form_wrapper .custom-event-form .gfield select.large {
        padding: 30px 10px 10px 10px;
    }

    .custom-contact-form_wrapper .custom-contact-form .gfield textarea {
        height: 100px;
        padding: 60px 10px 10px 10px !important;
    }

    .custom-contact-form_wrapper .custom-contact-form .gform-field-label, .custom-event-form_wrapper .custom-event-form .gform-field-label {
        font-size: 13px;
    }

    .testimonial-image iframe, .testimonial-image .testimonial-img {
        min-height: 390px;
    }

    .testimonial-content {
        font-size: 16px;
        line-height: 23px;
    }

    .testimonial-content .rating {
        font-size: 20px;
        gap: 10px;
        margin-bottom: 0;
    }
    .job-filter-form .filter-row{
        gap: 20px;
        justify-content: space-between;
    }
    .job-search-container select ,
    .job-filter-form .filter-row .filter-field:first-child{
        max-width: 100%;
    }
    .filter-field{
        width: calc(50% - 10px);
    }
    .filter-row .filter-field .btn-search{
        width: 100%;
    }
    .job-list-header{
        flex-wrap: wrap;
        gap: 20px;
    }
    .job-search-layout .related-jobs-title{
        order: 1;
    }
    .job-search-layout .related-jobs-title {
        font-size: 18px;
    }
    .job-detail-header {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .job-list-item {
        padding: 16px;
    }
    .job-list-meta .btn-view-job, .job-detail-header-action .btn-apply-detail {
        padding: 6px 21px;
        font-size: 14px;
    }
    .job-description div, .job-section div {
        line-height: 18px;
        font-size: 18px;
    }
    .job-list-item .top {
        gap: 15px;
        padding-bottom: 19px;
        margin-bottom: 19px;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .job-list-excerpt {
        font-size: 14px;
    }
    .job-search-layout .job-list-title{
        font-size: 20px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {

}