.row {
  margin-right: unset !important;
}
body {
  /* overflow-x: hidden; */
}

.zindex {
  z-index: 3;
  position: relative;
}
@media (max-width: 374px) {
  .right-block-vacancy {
    top: 750px !important;
  }
}

@media (max-width: 767px) {
  .gray-block.vacancy_gray_block {
    padding-bottom: 208px !important;
}
  .right-block-vacancy {
    height: 655px;
  }

  .gray-block.vacancy_gray_block {
    padding-left: 7px;
  }
  
  .container-fluid .right-block-vacancy {
		position: absolute;
		bottom: 0;
		left: 20px;
		padding-top: 0;
		top: 455px;
	}

  .gray-block {
    margin-bottom: 500px !important;
  }

  .mob-blue {
    color: #fff !important;
  }
  .arrow-contact {
    padding-left: unset !important;
  }
  .contact-step-text {
    font-size: 15px !important;
  }
  .dark-blue-box {
    padding: 31px 8px 70px 58px !important;
  }
  .arrow-contact {
    max-width: 20% !important;
  }

}

@media (min-width: 576px) and (max-width: 767px) {
  .right-block-vacancy {
    top: 300px !important;
  }
	.filter .dropdown {
		padding-left: 1em;
	}
	.dropdown>.btn.btn-secondary.dropdown-toggle.news,
	.dropdown-menu ul li a {
		font-size: 13px;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
  .right-block-vacancy .dark-blue-box {
      padding: 40px 99px 61px 65px!important;
  }

  .right-block-vacancy {
    max-width: 719px;
    max-height: 500px;
  }

  .right-block-vacancy {
    top: 405px;
  }
  .vacancy__qr {
    margin-right: 76px;
    max-width: 29.7% !important;
  }
  .vacancy_guide_wrapper {
    flex: 0 0 60% !important;
    max-width: 60% !important;
  }
  .contact-step-text {
    font-size: 16px;
  }
  .vacancy_guide_wrapper__step .row {
    justify-content: unset !important;
  }
  .vacancy_gray_block {
    margin-bottom: 320px !important;
  }
  .innerPage-NewsList-MobileWidth {
    padding-left: unset !important;
    padding-right: unset !important;
  }
}

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

  /* .vacancy_gray_block {
    padding-left: unset !important;
  } */

  .vacancy_gray_block .container-lg{
    margin-left: unset !important;
    margin-right: unset !important;
  }
  .gray-block div {
    max-width: 100% !important;
  }

  .right-block-vacancy {
    margin-left: 0;
  }

  .vacancy_guide_wrapper {
    margin-top: 0 !important;
  }

  .contact-step-text {
    font-size: 16px;
    letter-spacing: -0.24px;
  }

  .arrow-contact {
    padding: 5px 0 0 0 !important;
    flex: 0 0 37px !important;
    max-width: 37px !important;
  }

  .right-block-vacancy {
    top: 200px;
    height: 663px;
  }
  .vacancy_gray_block {
    margin-bottom: 350px !important;
    padding-bottom: 207px !important;
  }
  .filter-type, .filter-month, .filter-year {
    max-width: 286.8px !important;
    padding-left: unset !important;
    padding-right: unset !important;
  }
  .filter-type:not(:last-child), .filter-month:not(:last-child) {
    margin-right: 30px;
  }
  .innerPage-NewsList-MobileWidth {
    padding-left: unset !important;
    padding-right: unset !important;
  }
}

@media (min-width: 1280px) and (max-width: 1439px) {
  .gray-block {
    margin-bottom: 183px !important;
  }
  .right-block-vacancy {
    margin-left: 0;
    height: 669px;
  }

  .vacancy_guide_wrapper {
    margin-top: 0 !important;
  }

  .dark-blue-box {
    max-width: max-content;
  }

  .gray-block .col-lg-7 {
    max-width: 80% !important;
  }
  .gray-block {
    /* padding-left: 102px; */
    width: 100%;
    padding-right: 20px;
    padding-top: 70px;
  }

  .right-block-vacancy {
    top: 165px;
  }
  .vacancy_gray_block p{
    /* max-width: 661px !important; */
  }
  .filter-type, .filter-month, .filter-year {
    max-width: 330px !important;
    padding-left: unset !important;
    padding-right: unset !important;
    flex: 0 0 33%;
  }
  .innerPage-NewsList-MobileWidth {
  padding-left: unset !important;
  padding-right: unset !important;
  }
  .filter-type:not(:last-child), .filter-month:not(:last-child) {
    margin-right: 30px;
  }

}

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

  .right-block-vacancy .dark-blue-box>div:nth-of-type(1) {
    padding-right: 0;
  }

  .vacancy__text {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .right-block-vacancy__portal {
    display: flex;
    flex-wrap: nowrap;
  }

  .vacancy__text-paragraph b br {
    display: none;
  }

  .vacancy__qr {
    padding-left: 0!important;
  }

  .vacancy_guide_wrapper__step {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
  }

  .vacancy_guide_wrapper__step .row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row-reverse;
  }

  .arrow-contact {
    margin-top: 0;
    flex: 0 0 0;
    max-width: none;
  }

  .indent {
    margin-bottom: 250px !important;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  #page-title {
    padding-left: calc(8.5% - 15px) !important;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .page-title {
    padding-left: 0;
    margin-left: 0 !important;
  }

  #page-title {
    /* padding-left: 8.5% !important; */
  }
}

@media (width >= 1440px) {
  .page-top {
    height: 421px !important;
  }
}


@media (min-width: 1440px) and (max-width: 1919px) {
  .page-title {
    padding-left: 0;
    margin-left: 0 !important;
  }

  .vacancy_gray_block .container-lg {
    padding-left: 25px !important;
  }

  .vacancy_gray_block p {
    max-width: 100%;
}

  .dark-blue-box {
    max-width: 1080px;
  }

  .vacancy_gray_block {
    margin-bottom: 180px !important;
  }

  .right-block-vacancy {
    top: 280px;
  }

  .vacancy__qr img {
    width: 217px;
    height: 217px;
  }

  .right-block-vacancy {
    max-width: 1015px;
    margin-left: 0;
  }

  .dark-blue-box {
    max-width: max-content;
  }

  .vacancy_guide_wrapper {
    margin-top: 0 !important;
  }

  .right-block-vacancy__img {
    margin-left: 0;
  }

  .vacancy_guide_wrapper {
      flex: 0 0 63%;
      max-width: 62.5%;
  }  
  .filter .filter-type, .filter .filter-month, .filter .filter-year {
    max-width: 33%;
    flex: 0 0 33%;
  }
  .innerPage-NewsList-MobileWidth {
    padding-left: unset !important;
    padding-right: unset !important;
  }
}

@media (min-width: 1920px) {
  .arrow-contact_display {
    display: none !important;
  }
  .vacancy__text-paragraph {
    padding-bottom: unset !important;
  }
  .dark-blue-box {
    padding-top: 48px !important;
    padding-bottom: 71px !important;
    padding-left: 88px !important;
  }
  .contact-step-text {
    font-size: 16px;
  }
  .vacancy_gray_block {
    margin-bottom: 220px !important;
  }
  .vacancy_gray_block .container-lg {
    padding-right: 345px !important;
  }
  .filter-type, .filter-month, .filter-year {
    flex: 0 0 404px;
    max-width: 404px;
  } 
}