/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 28 2025 | 18:57:52 */
/* Add your CSS code here.
End of comment */ 

/* --------------------------------------------------------------------- */
/* - str - header single page job ---------------------- */

/* ---------------- Responsive ---------------- */

/* التابلت (متوسطة) */
@media (max-width: 1024px) {
	.sjb-page header .mainRow {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}

	.sjb-page header .mainRow .colimg {
		width: 30%;
		margin-bottom: 10px;
	}

	.sjb-page header .mainRow .colinfo {
		width: 65%;
	}

	.sjb-page header .mainRow .company-tagline {
		width: 100%;
		margin-top: 10px;
		text-align: center;
	}
	
	.sjb-page header .mainRow .colinfo .job-info h4 {
		font-size: 3vw;
	}
}

/* الموبايل (صغيرة) */
@media (max-width: 768px) {
	.sjb-page header .mainRow {
	}

	.sjb-page header .mainRow .colimg,
	.sjb-page header .mainRow .colinfo,
	.sjb-page header .mainRow .company-tagline {
		width: 100%;
		margin: 10px 0;
		display: block;
	}

	.sjb-page header .mainRow .colinfo .row div,
	.job-info {
		width: 100%;
		margin: 5px 0;
		font-size: 14px;
	}

	.sjb-page header .mainRow .colinfo .job-info h4 {
		font-size: 16px;
	}
}
/* - end - header single page job ---------------------- */

/* --------------------------------------------------------------------- */

/* ------------------------------- ======================================== -------------------------------------- */

/* --------------------------------------------------------------------- */


/* ---------------- Responsive ---------------- */

/* التابلت (متوسطة) */
@media (max-width: 1024px) {
	.sjb-page .sjb-detail .jobpost-form {
		width: 90%;
		margin: 50px;
		padding: 30px;
	}

	.sjb-page .sjb-detail .jobpost-form h3 {
		font-size: 4vw !important;
	}

	.sjb-page .jobpost-form .row .con-label {
		width: 30%;
		margin: 6px;
		font-size: 14px;
		padding: 6px;
	}

	.sjb-page .jobpost-form .input-parent {
		width: 65%;
	}

	.sjb-page .jobpost-form #sjb-form-padding-button button {
		width: 60%;
		font-size: 18px;
	}
}

/* الموبايل (صغيرة) */
@media (max-width: 768px) {
	.sjb-page .sjb-detail .jobpost-form {

	}

	.sjb-page .sjb-detail .jobpost-form h3 {
		font-size: 55px !important;
		padding: 12px;
	}

	.sjb-page .jobpost-form .row {
		display: block;
	}

	.sjb-page .jobpost-form .row .con-label,
	.sjb-page .jobpost-form .input-parent {
		width: 100%;
		display: block;
		margin: 8px 0;
		text-align: left;
	}

	.sjb-page .jobpost-form .input-parent input,
	.sjb-page .sjb-detail .jobpost-form textarea.form-control {
		width: 100%;
		font-size: 14px;
	}

	.sjb-page .jobpost-form #sjb-form-padding-button button {
		width: 100%;
		font-size: 16px;
		margin: 10px 0;
	}
}