.about-vacancy {
    padding: 0 4.17% 55px 11.98%;
}

.about-vacancy__title {
    font-size: 3.875em;
    line-height: 1.2;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 27px;
}

.about-vacancy__location {
    background-image: url("../img/icon_location.png");
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 25px;
    font-size: 1.438em;
    line-height: 1.217;
    display: inline-block;
    vertical-align: top;
    margin-top: 25px;
}

.about-vacancy_details {
    display: flex;
    justify-content: space-between;
}

.about-vacancy__desc {
    font-size: 1.250em;
    line-height: 1.6;
    width: 41%;
}

.about-vacancy__email-box {
    text-align: right;
}

.about-vcancy__appeal {
    display: block;
}

.requirements {
    display: table;
    padding: 55px 4.17% 0 11.98%;
}

.requirements__section {
    display: table-row;
}

.requrements__title,
.requirements__list {
    display: table-cell;
}

.requrements__title {
    padding-right: 90px;
    font-size: 1.625em;
    line-height: 1.2;
    letter-spacing: 0.04em;
    width: 20%;
}

.requirements__list {
    padding-bottom: 65px;
}

.requrements__item {
    font-style: normal;
    font-weight: normal;
    font-size: 1.250em;
    line-height: 1.2;
    letter-spacing: 0.04em;
    margin-bottom: 20px;
    width: 58%
}

/*Adaptive*/
@media screen and (max-width: 1600px) {
    .requrements__title {
        width: 25%;
    }

    .requrements__item {
        width: 75%;
    }
}

@media screen and (max-width: 1366px) {
    .about-vacancy {
        padding: 0 5% 55px 5%;
    }

    .about-vacancy__location {
        margin-top: 20px;
    }

    .requirements {
        padding: 55px 5% 0 5%;
    }

    .requirements__list {
        padding-bottom: 40px;
    }

}

@media screen and (max-width: 1080px) {
    .about-vacancy__desc {
        width: 51%;
    }
}

@media screen and (max-width: 940px) {
    .about-vacancy__location {
        margin-top: 10px;
    }
}

@media screen and (max-width: 768px) {
    .requrements__item {
        width: 100%;
    }
}

@media screen and (max-width: 580px) {
    .about-vacancy__location {
        display: none;
    }

    .about-vacancy_details {
        flex-direction: column;
    }

    .about-vacancy__desc {
        width: 85%;
    }

    .about-vacancy__email-box {
        margin-top: 20px;
    }

    .requrements__title {
        padding-right: 40px;
    }
}

@media screen and (max-width: 480px) {
    .about-vacancy {
        padding: 0 5% 25px 5%;
    }

    .requirements {
        padding: 25px 5% 0 5%;
        display: block;
    }

    .requirements__section {
        display: block;
    }

    .requrements__title, .requirements__list {
        display: block;
    }

    .requrements__title {
        width: auto;
        margin-bottom: 20px;
    }

    .requrements__item {
        margin-bottom: 10px;
    }
}
