@media (max-width: 1024px) {
    .container {
        max-width: 100%;
    }

    .container>* {
        margin-left: 20px;
        margin-right: 20px;
    }

    #header .features .features-col {
        width: 45%;
    }

    #addition .testimonials {
        padding-top: 115px;
    }
}

@media (max-width: 768px) {
    #header .features .features-col {
        width: 45%;
    }

    #addition .vidy-item {
        width: 50%;
    }

    #addition .testimonials-block {
        flex-direction: column;
    }

    #addition .testimonials-item {
        width: auto;
        margin-bottom: 16px;
    }

    #addition .projects {
        background-position-y: 150%;
    }

    #addition .projects-item {
        width: calc(50% - 8px); 
    }

    #addition .testimonials {
        padding-top: 90px;
    }

    #footer .info {
        padding-top: 200px;
    }

    #content .projects-list {
        padding-left: calc(var(--project-gap) + var(--project-marker-radius));
        padding-right: calc(var(--project-gap) + var(--project-marker-radius));
    }

    #content .projects-list > li {
        width: 100%;
    }

    #content .projects-list > li:nth-of-type(2n) {
        margin-left: 0;
    }
}

@media (max-width: 576px) {
    #ism {
        display: none;
    }

    #header {
        height: 125px;
    }

    #header.main {
        height: 580px;
    }

    #header .logo a {
        margin: auto;
    }

    #header .features .features-col .accordion-item .accordion-label {
        text-decoration: none;
        cursor: default;
        line-height: 1.2rem;
        padding: 0 18px;
        font-size: 0.6rem;
    }

    #header .features .features-col .accordion-item .accordion-label::after {
        display: none;
    }

    #header .features .features-col .accordion-item .accordion-text {
        display: none;
    }

    #content .img-block .img {
        height: 100px;
    }

    #content .projects-list {
        font-size: 12px;
    }

    #addition .vidy-text {
        font-size: 0.8rem;
    }

    #addition .svid {
        height: 500px;
    }

    #addition .svid-title {
        padding-top: 120px;
    }

    #addition .projects {
        background-position-y: 150%;
    }

    #addition .projects-item-text {
        display: none;
    }

    #content .projects {
        padding: 0;
    }
}