@media (max-width: 1024px) {
  .banner {
    height: 475px;
  }
}

@media(max-width: 700px) {

    .hero-banner { 
        margin-top: 0;
        height: 350px;
    }

    .hero-text h2 {
        font-size: 2.3rem;

    }

    .hero-text {
        margin-top: 50px;
        font-size: 2.2rem;
        line-height: 1.3;    
    }

    .hero-text p {
        font-size: 1.2rem;
    }

    .about-us {
        margin-top: 50px;
    }

    .about-us p {
        font-size: 1rem;
    }


    .features {
        margin-top: 50px; 
    }

    .workers {
        margin-top: 50px;
    }

    .workers h3 {
        font-size: 2.2rem;
    }


    .workers p {
        font-size: 1rem;
        margin-bottom: 25px;
    }

    .tiles {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(4,1fr);
        gap: 5px;
    }
    
    .tile {
        display: flex;
        justify-content: center;
        align-items: center;
        aspect-ratio: auto;
        border-radius: 30px;
        padding: 20px 30px;
    }

    .tile-title {
        text-align: center;
    }

    .tile-title p {
        margin: 0 auto;
        margin-top: 5px;
        max-width: 70%;
        font-size: 0.9rem;
        line-height: 1.1;
    }

    .features-content {
        padding: 25px 10px 15px;
    }

    .features-content h3 {
        font-size: 2.2rem;
    }

    .features-content p {
        font-size: 1rem;
    }

    .content-item-text h4 {
        font-size: 1.2rem;}

    .content-item-text p {

        font-size: 0.8rem;
        line-height: 1.3;

    }


    .features-content-items {
        grid-template-columns: repeat(1,1fr);
        gap: 10px;
    }

    .workers-wgt {
        padding: 15px 10px 10px;
        margin-bottom: 50px;
    }

    .vacancy__sub-title div[class^="hh-vacancies-"] {
        grid-template-columns: repeat(1,1fr);
    }

    .vacancy__sub-title [class^="hh-widget-"] {
        padding: 0 !important;
    }

    .vacancy__sub-title div[class^="hh-vacancies-"] {
        gap: 5px;
    }

.vacancy__sub-title a[data-qa="title"] {
 font-size: 1.2rem !important;
font-weight: 500 !important;
}

.vacancy__sub-title span[data-qa="description"] {
font-size: 1rem !important;
}

.vacancy__sub-title div[data-qa="vacancy"] {
padding: 30px 20px !important;
}


}