@media screen and (min-width: 1200px) {

    .menu-toggle {
        display: none;
    }

    .header-text {
        padding: 100px 0 !important;
    }

    .laptop-image {
        padding: 85px 0 0 25px;
    }

    .content-block-text {
        padding: 70px 0 30px 0px;
    }

    .footer-email {
        padding: 50px 0 0 120px;
    }

    .footer-phone {
        padding: 40px 0 0 50px;
    }

    .benefits-header {
        padding: 60px 0 0 50px;
    }

    .benefits {
        padding: 50px 0 0 50px;
        min-height: 320px;
    }

    .header-block .laptop-image {
        padding: 0 0 0 55px;
    }

    .content-block-text.with-mask-3 {
        grid-auto-flow: row;
        display: grid;
    }

    .content-block-grey-text {
        padding: 60px 0 30px 0;
    }

    .values {
        padding: 20px 0 0 35px;
    }

    .value-row {
        width: 300px;
    }

    .red-underline {
        width: 400px;
    }
}

@media screen and (max-width: 1199px) {
    .header-bg-vacancy {
        height: auto !important;
    }

    .mask-4 {
        display: none;
    }

    .triangle-grey-4 {
        display: none;
    }

    .vacancies-text {
        top: 10px !important;
    }

    .vacancies-img {
        top: 20px;
    }

    .mask-5 {
        display: none;
    }

    .content-block-vacancies {
        padding: 80px;
        height: auto !important;
    }

    .content-block-vacancies .m-t-80 {
        margin-top: 0px;
    }

    .benefit-vacancies {
        height: 0px !important;
    }

    .arrow_left {
        display: none;
    }

    .arrow_right {
        display: none;
    }

    .contacts,
    .menu {
        display: none;
    }

    .vacancies-requirements-block {
        margin-left: auto;
        margin-right: auto;
    }

    .menu-toggle {
        display: inline-block;
    }

    .menu {
        position: relative;
    }

    .menu.active {
        position: fixed;
        display: block;
        background: #000;
        width: 100%;
        top: 110px;
        left: 0;
        padding: 20px 20px 24px;
        text-align: center;
        z-index: 9999;
        box-sizing: border-box;
    }

    .menu.active li {
        display: block;
    }

    .menu.active li a {
        padding: 10px 0 20px 0;
        display: inline-block;
        font-size: 20px;
    }

    .header-text {
        width: auto;
        padding: 30px;
    }

    .mask-1 {
        background: url("../images/mask-1.png") no-repeat left -120px !important;
    }

    .red-rectangle {
        display: none;
    }

    .laptop-image {
        padding: 90px 30px 0 30px;
    }

    .front-page .content-block {
        min-height: 830px;
    }

    .content-block-text {
        padding: 30px 30px 0 30px;
    }

    .content-block-text br {
        display: none;
    }

    .footer-email {
        padding: 30px;
    }

    .footer-phone {
        padding: 30px 30px 0 30px;
    }

    .social-media-icons {
        padding: 30px 30px 0 30px;
    }

    .social-media-icons img {
        margin: 0 10px;
    }

    .benefits-header {
        padding: 30px 30px 0 30px;
    }

    .benefits {
        padding: 30px 30px 0 30px;
    }

    .mask-2,
    .mask-3 {
        display: none;
    }

    .header-block .laptop-image {
        padding: 0 !important;
    }

    .content-block-grey-text {
        padding: 30px;
    }

    .content-block-grey img {
        width: 100% !important;
        height: auto !important;
    }

    .content-more-ten-years {
        margin-bottom: 30px;
    }

    .values {
        padding: 30px;
    }

    .value-row {
        width: 270px;
        margin-bottom: 20px;
    }

    .red-underline {
        width: 340px;
    }

    .content-block-vacancy {
        height: 840px !important;
    }

    .content-block-job .container {
        display: block !important;
    }

    .content-block-job .container .col-6 {
        margin: 15px;
    }

    .content-block-job {
        padding-bottom: 60px;
        height: auto !important;
    }
}

@media screen and (max-width: 991px) {
    .content-block-vacancy {
        height: auto !important;
    }

    .header-text {
        padding: 30px 20px !important;
    }

    .front-page .header-block {
        height: 890px !important;
    }

    .front-page .header-bg {
        min-height: 780px !important;
    }

    .triangle-grey-1 {
        right: -50px !important;
    }

    .benefits-block {
        overflow-x: hidden;
    }

    .vacancies-requirements {
        position: relative !important;
        margin-left: auto;
        margin-right: auto;
        margin: 10px;
    }
}

@media screen and (min-width: 992px) {
    .header-text {
        padding: 100px 0 !important;
    }
}