/*----------------Adaptive---------------*/
.main_services {
    overflow: hidden;
}

@media screen and (max-width: 1815px) {
    .how__btn,
    .we-make__menu-btn {
        font-size: 1.1em;
    }

    .how__btn:after {
        margin: 0 10px -2px;
    }
}

@media screen and (max-width: 1600px) {
    .we-make,
    .how,
    .prices {
        padding: 55px 4.17% 55px 11.98%;
    }

    .why,
    .also {
        padding: 55px 11.98%;
    }

    .why {
        padding-bottom: 85px;
    }

    .projects_text {
        margin-right: 0;
    }

    /*Mobile apps*/
    .scrum {
        padding: 55px 11.98% 55px 11.98%;
    }

    .development-cycle {
        padding: 55px 5% 55px 5%;
    }

    .development-cycle__title {
        margin-bottom: 20px;
    }

    /*SEO*/
    .prices__title {
        margin-bottom: 70px;
    }

    .prices__item.prices__item_price {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 1366px) {
    .first-screen_service {
        padding-bottom: 55px;
    }

    .first-screen_apps {
        padding-bottom: 0;
    }

    .why,
    .also,
    .prices {
        padding: 55px 5%;
    }

    .why {
        padding-bottom: 85px;
    }

    .why__subtitle {
        margin-bottom: 10px;
        min-height: 54px;
    }

    .why__list {
        grid-column-gap: 55px;
        grid-row-gap: 55px;
    }

    .we-make, .how {
        padding: 55px 5%;
    }

    .projects_text {
        margin-top: 0;
    }

    /*Corporate website*/
    .promotion {
        padding: 25px 5%;
    }

    /*Mobile apps*/
    .android, .ios {
        width: 47%;
    }

    .android {
        padding-left: calc(5% + 36px);
    }

    .ios:before {
        right: 0;
    }

    .scrum {
        padding: 55px 5% 55px 5%;
    }

    .development-cycle {
        padding: 55px 5% 10px 5%;
    }

    .development-cycle__schedule svg {
        margin-top: -20px;
    }
}

@media screen and (max-width: 1210px) {
    .how__btn:after {
        margin: 0 10px -2px;
    }

    .how__btn,
    .we-make__menu-btn {
        font-size: 0.875em;
    }

    /*Mobile apps*/
    .projects_apps {
        margin-top: -100px;
    }

    .development-cycle__schedule svg {
        margin-top: -90px;
    }
}

@media screen and (max-width: 1080px) {
    /*Mobile apps*/
    .android, .ios {
        width: 45.5%;
    }

    .android {
        padding-left: 5%;
    }

    .ios {
        padding-left: 5%;
    }

    .android__title,
    .ios__title {
        width: 71%;
        min-height: 98px;
    }

    .development-cycle__schedule svg {
        margin-top: -120px;
    }

    .projects_apps {
        margin-top: -170px;
    }
    /*SEO*/
    .prices__mail {
        font-size: 1.125em;
    }
}

@media screen and (max-width: 910px) {
    .why__list {
        grid-template-columns: repeat(2, 1fr);
    }

    .why__subtitle {
        margin-bottom: 20px;
        min-height: 27px;
    }

    /*Owl carousel*/
    .we-make__menu-list,
    .how__menu-list{
        display: none;
    }

    .how__next,
    .how__next_seo,
    .create-project__link_we-make {
        display: none;
    }

    .how__title {
        margin-bottom: 0;
    }

    .we-make__item,
    .how__item,
    .how__item_seo {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        width: 100%;
        flex-direction: column-reverse;
        transform: translateX(0);
        opacity: 1;
        border: none;
        clip: unset;
        clip-path: none;
        height: auto;
        margin: auto;
        overflow: auto;
        padding: auto;
        position: static;
        white-space: normal;
    }

    .we-make__img,
    .how__img {
        height: 462px;
        width: 99%;
        margin-top: 30px;
    }

    .we-make__text-content,
    .how__text-content {
        width: 99%;
    }

    .we-make__caption,
    .how__caption {
        margin-top: 30px;
    }

    .we-make__more {
        margin-bottom: 26px;
    }

    /*Mobile apps*/
    .android,
    .ios {
        display: block;
        width: 100%;
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .android__desc, .ios__desc {
        min-height: auto;
    }

    .scrum__advantages {
        flex-basis: 47%;
    }

    .scrum__item {
        margin-bottom: 40px;
    }

    .development-cycle__schedule svg {
        margin-top: -180px;
    }

    .projects_apps {
        margin-top: -220px;
    }
}

@media screen and (max-width: 768px) {
    .we-make__menu-item {
        display: block;
        margin-bottom: 20px;
    }

    .how__menu-item {
        display: block;
        margin-bottom: 20px;
    }

    /*Mobile apps*/
    .development-cycle {
        display: none;
    }

    .projects_apps {
        margin-top: 0;
    }
    /*SEO*/
    .prices__title {
        margin-bottom: 50px;
    }

    .prices__category-title,
    .prices__list,
    .prices__mail {
        display: block;
    }

    .prices__section_mail {
        display: flex;
        flex-direction: column;
    }

    .prices__mail {
        order: -1;
        text-align: left;
        font-size: 1.438em;
        width: auto;
        margin-bottom: 30px;
    }

    .mail_red {
        font-size: 1em;
    }

    .prices__item.prices__item_price {
        margin-bottom: 50px;
    }

    .prices__category-title {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 650px){
    .first-screen_service {
        padding-bottom: 0;
    }

    .first-screen__img_service {
        height: 250px;
        width: 100%;
        border-radius: 0;
        margin-top: 77px;
    }

    .first-screen_service .first-screen__text {
        width: 100%;
    }

    .first-screen__slogan {
        width: 80%;
    }

    .first-screen__title_service {
        margin-top: 0;
    }

    .main-menu_header .main-menu__list {
        height: calc(100vh);
    }

    .why__subtitle {
        margin-bottom: 5px;
        min-height: 54px;
    }

    /*Owl carousel*/
    .we-make__img,
    .how__img {
        height: 300px;
    }

    /*Corporate website*/
    .promotion__text {
        width: 90%;
    }

    /*Mobile apps*/
    .scrum {
        flex-direction: column;
    }

    .scrum__info {
        margin-bottom: 40px;
    }

    .scrum__item {
        padding: 0 10px 0 0;
    }

}

@media screen and (max-width: 480px) {
    .why,
    .also {
        padding: 25px 5%;
    }

    .why__list {
        grid-column-gap: 10px;
    }

    .why__subtitle {
        margin-bottom: 10px;
        min-height: 38px;
        font-size: 1.333em;
    }

    .projects_text {
        margin-top: 20px;
    }

    .projects_p {
        margin-bottom: 20px;
    }

    .we-make__item,
    .how__item {
        width: 90%;
    }

    .we-make__caption,
    .how__caption {
        font-size: 1.5em;
    }

    /*Mobile apps*/
    .android__desc, .ios__desc {
        width: 90%;
    }

    .scrum {
        padding: 25px 5% 25px 5%;
    }
}

@media screen and (max-width: 420px) {
    .why__subtitle {
        margin-bottom: 10px;
        min-height: 38px;
        font-size: 1.167em;
    }

    /*Owl carousel*/
    .we-make__img,
    .how__img{
        height: 228px;
    }
}

@media screen and (max-width: 350px) {
    .why__list {
        display: block;
    }

    .why__item {
        margin-bottom: 55px;
    }

    .why__subtitle {
        margin-bottom: 20px;
        min-height: 22px;
        font-size: 1.5em;
    }
}