@media (max-width: 1400px) {
    .wrapper {
        width: 100%;
    }
    .subtitle {
        margin-top: 10px;
    }
    .why-text {
        margin-top: 20px;
    }
    .block-tab {
        margin-top: 0;
    }
    .wyear {
        right: -177px;
    }
}


@media (max-width: 1200px) {
    .btn {
        padding: 10px 20px;
    }
    .service-block-item {
        margin: 20px 0;
    }
    .background {
        height: 100%;
        top: 0;
    }

    .why-wrapper {
        flex-direction: column-reverse;
    }

    .why-wrapper>.col-md-6 {
        width: 100%;
    }
    
    .image_why {
        display: none;
    }

    .image_why_2 {
        display: block;
        margin: 20px auto;
    }
    .subtitle {
        margin-top: 30px;
    }

    .why-text {
        margin-top: 60px;
    }
    .block-tab {
        margin-top: 60px;
    }

    .tabs {
        justify-content: space-evenly;
    }
    .wyear {
        right: 10%;
        bottom: 20px;
    }

    .case-item {
        width: 320px;
        height: 320px;
        margin: 10px 0;
    }

}

@media (max-width: 767px) {
    .container {
        max-width: 95%;
    }
    .hero {
        padding: 90px 0;
    }
    .service-block {
        margin-top: 90px;
    }
    .service-block {
        padding: 40px 0;
    }
    .tabs {
        justify-content: space-between;
    }
    .wyear {
        right: 0;
    }

    .team-block {
        flex-wrap: nowrap !important;
        justify-content: space-between;
    }
    .team-block>.col-md-4 {
        width: 30%;
    }
}

@media (max-width: 673px) {
    .swiper-wrapper {
        display: block;
    }

    .swiper-slide {
        width: 100% !important;
        margin: 10px auto;
    }
    .swiper-button-next, .swiper-button-prev, .swiper-pagination {
        display: none;
    }
}

@media (max-width: 540px) {
    .hero_pretitle {
        font-size: 14px;
    }

    .hero_title {
        font-size: 22px;
    }
    .hero_descr {
        font-size: 14px;
    }
    .title  {
        font-size: 30px;
    }
    .pretitle  {
        font-size: 14px;
    }
    .block-tab {
        margin-top: 30px;
    }
    .tabs {
        display: block;
    }
    .tab {
        width: 100%;
        margin: 3px 0;
    }
    .why-text {
        margin-top: 30px;
    }
    .wyear {
        right: 12px;
    }

    .team-block {
        flex-wrap: wrap !important; 
    }

    .team-block>.col-md-4 {
        width: 100%;
    }
    .modal__content {
        padding: 30px 15px;
    }
    .title-form__descr {
        font-size: 14px;
    }
    .title-form {
        font-size: 26px;
    }
}