@media (max-width: 1320px) {
    .main {
        padding: 0 35px;
    }
    .section-title {
        font-size: 36px;
        line-height: 45px;
    }
    .subtitle-text {
        font-size: 20px;
    }

    /*Header*/
    /*.header__nav-list {*/
    /*    grid-column-gap: 10px;*/
    /*}*/
    /*.header__nav-item a {*/
    /*    font-size: 14px;*/
    /*}*/
    /*.header__request-btn {*/
    /*    padding: 5px 10px;*/
    /*    font-size: 14px;*/
    /*    min-width: max-content;*/
    /*}*/


    /*Intro*/
    .intro__title {
        font-size: 40px;
        line-height: 50px;
    }
    .intro__subtitle {
        font-size: 20px;
        margin-top: 20px;
    }

    /*Systems Components*/
    .systems-components__component-title {
        font-size: 28px;
    }
    .sys-component__title {
        font-size: 28px;
    }
    .sys-component__text {
        font-size: 20px;
    }


    /*Advantages*/

    .advantages__bg-star {
        right: -310px;
    }
    .advantages__items {
        grid-template-columns: 1fr 1fr;
    }
    .advantages__item-text br, .advantages__item-title br {
        display: none;
    }
    .advantages__empty-block {
        display: none;
    }

    /*Feedback*/

    .feedback__form-block, .feedback__top {
        width: 50%;
    }
    .feedback__form-input {
        width: auto;
    }
    .feedback__dropdown {
        width: auto;
    }


    /*Footer*/

    .footer {
        grid-column-gap: 40px;
    }
    .footer__nav-items {
        grid-template-columns: 21% 23% 24% 28%;
    }
}


@media (max-width: 1200px) {
    /*Header*/
    .header__icon {
        width: 140px;
    }
    .header__nav, .header__request-btn {
        display: none;
    }
    .header__burger-btn {
        display: flex;
        flex-direction: column;
    }
    .header__burger-btn.active {
        /*top: 65px;*/
        top: 38px;
        right: 25px;
    }
    .header__burger-btn:not(.active) {
        grid-row-gap: 10px;
    }
    .header__burger-menu {
        display: block;
    }
    .burger-menu__list {
        text-align: center;
        height: calc(100% - 80px);
    }
    .burger-menu__list li:last-child {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: end;
        justify-content: center;
        margin-bottom: 19px;
    }

    /*Footer*/

    .footer {
        grid-column-gap: 70px;
    }
    .footer__nav-items {
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 20px;
        grid-row-gap: 45px;
    }
}

@media (max-width: 1024px) {
    .main {
        padding: 0 25px;
    }
    .section-title {
        font-size: 32px;
    }
    .subtitle-text {
        font-size: 18px;
        margin-top: 15px;
    }

    /*Intro */

    .intro__title {
        font-size: 33px;
        line-height: 40px;
    }
    .intro__logo {
        width: 290px;
        height: 120px;

        img {
            left: calc(50% - 45px);
        }
    }

    /*Systems Components*/
    .systems-component {
        height: 330px;
    }
    .systems-components__number {
        font-size: 18px;
    }
    .sys-component__title {
        font-size: 21px;
    }
    .sys-component__text {
        font-size: 17px;
    }


    /*Advantages*/

    .advantages__items {
        grid-row-gap: 40px;
    }
    .advantages__item-title {
        font-size: 21px;
    }

    /*Interface*/

    .interface__image-item .image-item__title {
        font-size: 21px;
    }


    /*Feedback*/

    .feedback .row {
        flex-direction: column;
    }
    .feedback__top, .feedback__form-block {
        width: 60%;
    }
    .feedback__form-block {
        margin: 30px auto 0;
        width: 100%;
    }
    .feedback__send-btn {
        display: flex;
        justify-content: center;
        /*width: 100%;*/
    }

    /*Copyright*/

    .copyright {
        flex-direction: column;
        align-items: center;
        grid-row-gap: 10px;
        text-align: center;
    }

    /*Footer*/

    .footer {
        flex-direction: column;
    }
    .footer__icons {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        grid-column-gap: 35px;
    }
    .footer__nav-items {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        margin-top: 64px;
    }
    .footer__nav-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
}


@media (max-width: 768px) {
    .main {
        padding: 0 24px;
    }
    .section-title {
        font-size: 28px;
    }

    /*Header*/
    .header__burger-menu.active {
        width: 100%;
    }
    .header__burger-btn.active {
        right: 20px;
    }

    /*Intro*/
    .intro__logo {
        width: 222px;
        height: 90px;

        img {
            left: calc(50% - 28px);
        }
    }
    .intro__title, .intro__subtitle {
        width: 95%;
    }
    .intro__title {
        font-size: 22px;
        line-height: 33px;
    }
    .intro__subtitle {
        font-size: 16px;
    }

    /*Systems Components*/
    .systems-components .row {
        flex-direction: column;
        grid-row-gap: 30px;
    }
    .systems-components__components {
        grid-template-columns: 1fr;
        margin: 30px auto 0;
    }
    .systems-components__component-title {
        font-size: 24px;
    }
    .sys-component {
        height: 260px;
        margin: 0 auto;
    }
    .sys-component__circle {
        width: 50px;
        height: 50px;
    }


    /*Advantages*/
    .advantages__bg-star {
        display: none;
    }
    .advantages__items {
        grid-template-columns: 1fr;
        margin: 30px auto 0;
    }

    /*Interface*/

    .interface__images {
        grid-template-columns: 1fr;
        grid-row-gap: 20px;
        margin: 30px auto 0;
    }


    /*Documentation*/

    .documentation__items {
        margin: 30px 0;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 500px) {
    /*Feedback*/

    .feedback__send-btn {
        width: 100%;
    }
}

@media (max-width: 425px) {
    .main {
        padding: 0 16px;
    }
    .section-title {
        font-size: 24px;
    }

    /*Header*/

    .header {
        padding: 15px 0;
    }
    .header__burger-btn.active {
        top: 45px;
        right: 10px;
    }

    /*Intro*/

    .intro {
        padding: 50px 0 80px;
    }
    .intro__title {
        margin-top: 30px;
        font-size: 17px;
    }
    .intro__subtitle {
        font-size: 15px;
    }
    .intro__btn {
        font-size: 16px;
    }
    .intro__logo {
        width: 180px;
    }


    /*System Components*/

    .systems-components {
        padding-top: 30px;
    }
    .systems-components__number {
        font-size: 15px;
    }
    .systems-components__component-title {
        font-size: 18px;
    }
    .systems-components__components {
        width: 100%;
        grid-gap: 15px;
    }
    .sys-component {
        padding: 15px;
    }

    /*Interface*/
    .interface__subtitle {
        width: 85%;
    }
    .interface__images {
        width: 100%;
    }
    .interface__image-item .image-item__image {
        height: 340px;
    }


    /*Documentation*/

    .documentation__items {
        width: 100%;
    }

    /*Feedback*/

    .feedback__top {
        width: 90%;
    }
}