@media (max-width: 1246px) {
    html[lang="ru"] .hero--info h1 {
        font-size: 58px;
    }
}

@media (max-width: 1100px) {
    html[lang="ru"] .hero {
        padding-left: 0px;
    }

    html[lang="ru"] .hero--info {
        margin-right: 10vw;
    }

    html[lang="ru"] .btn {
        width: 250px;
    }

    html[lang="ru"] .btn--primary {
        width: 80px;
    }

    
    html[lang="ru"] .hero__actions {
        width: fit-content;
    }

    
    html[lang="ru"] .services-grid {
        text-align: start;
    }

    html[lang="ru"] .tech--info h2 {
        font-size: 32px;
    }
}

@media (max-width: 978px) {

    html[lang="ru"] .tech--info h1 {
        font-size: 36px;
    }
        html[lang="ru"] .tech--info h2 {
        font-size: 24px;
    }
}

@media (max-width: 870px) {
    html[lang="ru"] .hero--info {
        margin-right: 15vw;
    }
}

@media (max-width: 770px) {
    html[lang="ru"] .hero--info {
        margin-right: 17vw;
    }
}

@media (max-width: 684px) {
    html[lang="ru"] .hero--info {
        margin-right: 19vw;
    }
}

@media (max-width: 630px) {
    html[lang="ru"] .hero--info h1 {
        font-size: 52px;
    }
}

@media (max-width: 535px) {
    html[lang="ru"] .tech-solutions__list {
        margin-bottom: 16px;
    }

    html[lang="ru"] .technologies {
        min-height: 596px;
        height: 596px;
    }
    

    html[lang="ru"] .tech--info h1 {
        font-size: 28px;
    }
        html[lang="ru"] .tech--info h2 {
        font-size: 22px;
    }
}

@media (max-width: 511px) {
    html[lang="ru"] .service-card p {
        font-size: 13px;
    }
}

@media (max-width: 502px) {
    html[lang="ru"] .hero--info h1 {
        font-size: 48px;
    }

    html[lang="ru"] .hero--info h2 {
        font-size: 36px;
    }

    html[lang="ru"] .hero__actions {
        gap: 8px;
    }

    html[lang="ru"] .hero--info {
        margin-right: 10vw;
    }
}

@media (max-width: 492px) {
    html[lang="ru"] .service-card-image  {
        height: 56%;
    }
}

@media (max-width: 485px) {
    html[lang="ru"] .hero--info h1 {
        font-size: 40px;
    }

    html[lang="ru"] .hero--info h2 {
        font-size: 30px;
    }

    html[lang="ru"] .hero__actions {
        gap: 8px;
    }

    html[lang="ru"] .hero--info {
        margin-right: -1vw;
    }

    html[lang="ru"] .btn {
        width: 200px;
        font-size: 16px;
    }

    html[lang="ru"] .btn--primary {
        width: 50px;
    }
}


@media (max-width: 447px) {
    html[lang="ru"] .services-grid-left {
        margin-left: 10%;
    }

    html[lang="ru"] .services-heading-three, .services-heading-four {
        font-size: 20px;
    }
}

@media (max-width: 420px) {
    
    html[lang="ru"] .hero--info h1 {
        font-size: 36px;
    }

    html[lang="ru"] .hero--info h2 {
        font-size: 24px;
    }

    html[lang="ru"] .btn {
        width: 180px;
        font-size: 14px;
    }

    html[lang="ru"] .btn--primary {
        width: 40px;
    }

    
    html[lang="ru"] .hero--info {
        margin-right: -10vw;
    }
}


@media (max-width: 406px) {
    html[lang="ru"] .tech-solutions {
        padding-bottom: 0;
    }

    html[lang="ru"] .technologies {
        min-height: 676px;
        height: 676px;
    }

    
    html[lang="ru"] .hero--info {
        margin-right: -40vw;
    }

}