@media screen and (max-width: 1920px) {
    .title-main {
        margin-top: 80px;
        font-size: 260px;
        padding-right: 50px;
    }
}

@media screen and (max-width: 1366px) {
    .title-main {
        font-size: 200px;
        padding-right: 30px;
    }
}

/* При ширине экрана в 1160px и менее - будет выполнен медиа запрос */
@media screen and (max-width: 1160px) {
    .portfolio {
        padding-top: 40px;
        padding-bottom: 50px;
    }
    .portfolio-item__title {
        text-align: left;
    }
    .portfolio-wrapper, .footer-wrapper {
        flex-wrap: wrap;
    }
    .portfolio-item, .footer-item {
        padding-bottom: 30px;
    }
    .footer {
        padding-top: 70px;
        padding-bottom: 60px;
    }
    .title-main {
        margin-top: 80px;
        font-size: 180px;
    }
    .navigation-list__link {
        font-size: 20px;
    }
    .navigation__toggle {
        display: inline-block;
        cursor: pointer;
    }
    .navigation-list {
        display: none;
        position: absolute;
    }
    .navigation-list__item {
        padding-top: 25px;
    }
}

@media screen and (max-width: 1024px) {
    .title-main {
        font-size: 140px;
    }
}

/* При ширине экрана в 768px и менее - будет выполнен медиа запрос */
@media screen and (max-width: 768px) {
    .header__title {
        font-size: 46px;
        line-height: 56px;
        margin-bottom: 15px;
    }

    .header__slogan {
        font-size: 22px;
        line-height: 38px;
    }

    .title-main {
        font-size: 120px;
    }
    .text-about {
        padding: 30px;
    }
}

@media screen and (max-width: 360px) {
    .title-main {
        font-size: 80px;
    }
}