.header {
	margin-top: 250px;
	margin-bottom: 25px;
}

.header__main-block {
	padding: 20px;
    box-sizing: border-box;
    background-color: #131412;
    border-radius: 20px;
}

.header__title {
	margin-bottom: 25px;
}

@media only screen and (max-width: 1080.99px)  {
	.header {
		margin-top: 60px;
	}
}

@media only screen and (max-width: 620.99px) {
	.header__title {
		margin-bottom: 15px;
	}

	.header {
		margin-top: 40px;
	}
}

@media only screen and (max-width: 420.99px) {
	.header {
		margin-top: 30px;
	}
}

/* Vacancies Yable
--------------------------------------------- */
.vacancies {
	margin-block-start: 10px;
	margin-block-end: 20px;
}

.vacancies__table-block {
	padding: 30px;
	background: #131412;
	border-radius: 20px;
	box-sizing: border-box;
}

.vacancies__table-block * {
	color: #FFFFFF;
}

.vacancies__table-block table {
	display: table;
  	table-layout: auto;
  	width: 100%;
  	border-collapse: collapse;
  	border-spacing: 0;
}

.vacancies__table-block td, 
.vacancies__table-block th {
  	width: auto;
  	box-sizing: border-box;
  	display: table-cell;
  	text-align: left;
  	padding: 13px 26px;
}

.vacancies__table-block tr {
	border-bottom: 1px solid #404040;
}

.vacancy-item__tdname > h4 {
	font-size: 18px;
	margin-bottom: 4px;
	color: #A0E00D;
}

.vacancy-item__tdname > h4 a {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	font-size: inherit;
}

.vacancy-item__about {
	display: flex;
	align-items: center;
	margin-bottom: 4px;
}
.vacancy-item__company {
	font-weight: 500;
	color: #C5EE88;
}
.vacancy-item__company,
.vacancy-item__place {
	font-size: 14px;
	display: block;
}

.vacancy-item__place {
	color: #E9E9E9;
	margin-left: 24px;
}

.vacancy-item__tags-list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.vacancy-item__about-date {
	margin-right: 24px;
	padding: 4px 0;
}

.vacancy-item__tag-item,
.vacancy-item__about-date {
	box-sizing: border-box;
	display: block;
	text-align: center;
	width: fit-content;
	font-size: 14px;
	line-height: 1.2;
}

.vacancy-item__about-date * {
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	color: inherit;
}

.vacancy-item__tag-item {
	background: #606759;
	border-radius: 20px;
	padding: 4px 20px;
}

.vacancy-item__tag-item:not(:last-child) {
	margin-right: 10px;
}

.vacancy-item__tdexperience span,
.vacancy-item__tdprice span {
	display: block;
	text-align: right;
	font-weight: 500;
}

.vacancy-item__tdlink a {
	display: block;
	padding: 10px 20px;
	box-sizing: border-box;
	text-align: center;
	font-size: 14px;
	line-height: 1;
	color: #E9E9E9;
	border: 1px solid #E9E9E9;
	border-radius: 20px;
}

.vacancy-item__tdthumb a {
	display: block;
}

.vacancy-item__tdthumb img {
	width: 100%;
	max-width: 150px;
	height: auto;
	object-position: center;
	border-radius: 10px;
	object-fit: contain;
}

@media only screen and (max-width: 1440.99px)  {
	.vacancies__table-block td, 
	.vacancies__table-block th {
		padding: 12px;
	}
}
@media only screen and (max-width: 1336.99px)  {
	.vacancy-item__tdlink a {
		font-size: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		width: 30px;
		height: 30px;
		padding: 0;
	}
	.vacancy-item__tdlink a:after {
		content:'';
		width: 12px;
		height: 12px;
		background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_68_194)'%3E%3Cpath d='M12.1509 7.48555L4.8782 0.213012C4.59423 -0.0710121 4.13372 -0.0710121 3.84969 0.213061C3.56572 0.497085 3.56572 0.957546 3.84974 1.24157L10.6082 7.99987L3.84969 14.7585C3.56572 15.0425 3.56572 15.503 3.84974 15.787C3.99171 15.929 4.17784 16 4.36397 16C4.55011 16 4.73624 15.929 4.87825 15.787L12.1509 8.51406C12.2874 8.37767 12.364 8.1927 12.364 7.99983C12.364 7.80695 12.2874 7.62193 12.1509 7.48555Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_68_194'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	}

	.vacancy-item__tdexperience span,
	.vacancy-item__tdprice span {
		display: block;
		text-align: right;
		font-weight: 500;
		font-size: 14px;
	}

	.vacancy-item__tdname > h4 {
		font-size: 16px;
	}

	.vacancies__table-block td, 
	.vacancies__table-block th {
		padding: 8px 10px;
	}
}



@media only screen and (max-width: 820.99px)  {
	.vacancy-item__company, 
	.vacancy-item__place {font-size: 12px;}

	.vacancy-item__tdexperience span, 
	.vacancy-item__tdprice span {
		width: max-content;
	}
}
@media only screen and (max-width: 767.99px)  {
	.vacancies__table-block {
		padding: 20px;
		border-radius: 15px;
	}

	.vacancy-item__tdname > h4 {
		font-size: 16px;
	}
}

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

	.vacancy-item__tdthumb,
	.vacancies__ththumb {
		display: none!important;
	}
}

@media only screen and (max-width: 520.99px) {
	.vacancies__table-block td, 
	.vacancies__table-block th {
		padding: 12px 8px;
	}

	.vacancy-item__tdname > h4 {
		font-size: 14px;
	}

	.vacancy-item__tdexperience span, 
	.vacancy-item__tdprice span {
		font-size: 12px;
	}

	.vacancy-item__tag-item, 
	.vacancy-item__about-date {
		font-size: 12px;
	}
	.vacancy-item__tdexperience,
	.vacancies__thexperience {
		display: none!important;
	}
}

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

	.vacancies__table-block {
		padding: 10px;
	}

	.vacancy-item__about-date {margin-top: 4px;}

	.vacancies {
		margin-bottom: 30px;
	}

	.vacancies__thprice {
		text-align: center!important;
	}

	.vacancy-item__tdprice span {
		width: auto;
		text-align: center;
	}

	.vacancy-item__tdname > h4 {
		font-size: 12px;
	}

	.vacancy-item__place {
		margin-left: 0;
	}

	.vacancy-item__about {
		flex-direction: column;
		align-items: flex-start;
	}

	.vacancy-item__tdlink a {
		width: 26px;
		height: 26px;
	}

}