@media screen and (max-width: 1024px)  {
    .aiojp-filter-bar form {
        justify-content: center;
    }
    .aiojp-filter-bar input[type="text"] {
        width: 763px;
    }
    .aiojp-job-detail .alojp-info-div span {
        line-height: 20px;
        margin-bottom: 10px;
        width: 31%;
    }
	.aiojp-job-list a {
    	width: 100%;
	}
	a.aiojp-job-item-link {
		width: 48%;
	}
	.aiojp-job-list {
		gap: 24px;
	}
	.aiojp-job-detail .alojp-info-div {
		flex-wrap: wrap;
	}
	.aiojp-benefits-wrapper {
		background-image: none;
	}
}
@media screen and (max-width: 768px) {

    #aiojp-home-search-form {
        flex-wrap: wrap;
    }
    form#aiojp-home-search-form div {
        width: 100%;
    }
    .aiojp-filter-bar input[type="text"] {
        width: 554px;
    }
    
	.aiojp-job-list {
		flex-wrap: wrap;
		max-height: 1132px;
		padding: 0 10px;
	}
	
    div#aiojp-job-detail,
    .aiojp-job-list {
        width: 100%;
    }

    .aiojp-job-item {
        width: 100%;
    }
    div#aiojp-job-detail {
        margin-top: 15px;
    }
	.aiojp-job-list a {
    width: 100%;
}
	.aiojp-job-detail .alojp-info-div {
		gap: 10px;
	}
	.aiojp-job-detail .alojp-info-div span {
		width: 48%;
        font-size: 15px;
	}
	.aiojp-job-detail .aiojp-heading-flex {
		flex-wrap: wrap;
	}
	.aiojp-job-detail .alojp-info-div span img {
    max-width: 24px;
}
	.aiojp-benefits-wrapper::before {
		left: 0;
	}
	.inner-container-job {
		padding-bottom: 50px;
	}
}
@media screen and (max-width: 500px) {
	.aiojp-job-list a {
    	width: 100%;}
}
/* @media screen and (max-width: 500px) {
    .aiojp-filter-bar form .aiojp-filter-select, .aiojp-filter-bar form .aiojp-filter-search{
        display: block;
        width: 100%;
    }
    .aiojp-filter-bar input[type="text"] {
        width: 357px;
        margin-right: 0;
        margin-bottom: 15px;
    }
    form#aiojp-search-form select {
        max-width: 100%;
        padding-left: 0;
    }
    .aiojp-filter-bar form .aiojp-filter-search img {
        top: 11px;
    }
    .aiojp-job-list {
        flex-direction: column;
        height: 248px;
        overflow: scroll;
    }
    span.skill-item {
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 500px) {

    .aiojp-filter-bar input[type="text"] {
        width: 302px;

    }
} */