/*
==============================
 xl 1699 - Декстопы (1600)
==============================
*/
@media (max-width: 1880px) {
    .hero__block {
        padding: 154px 100px 3rem;
    }
}
@media (max-width: 1856px) {
    .hero__block-image img.ars {
        max-height: 103%;
    }
}
@media (max-width: 1814px) {
    .hero__block-image img.ars {
        max-height: 99%;
    }
}
@media (max-width: 1780px) {
    .hero__block-image img.ars {
        max-height: 96%;
    }
    .hero__block {
        padding: 154px 78px 3rem;
    }
    .case .container,
    .archive .container {
        padding: 0 2rem;
    }
}

@media (max-width: 1919px) {
}

@media (max-width: 1720px) {
    #buildHero2 .hero__block {
    padding: 97px 100px 102px;
}
    .advantages__content {
        margin: 0 -10rem 0 0rem;
    }
    .header__desc {
        padding: 0 16px 0 16px;
    }
    .header__menu {
        padding: 0 1rem;
        max-width: 520px;
    }
    #menu .menu_block ul {
        gap: 14px;
    }
    h1 {
        font-size: 132px;
    }
    .home p.h1 {
        font-size: 132px;
    }
    .hero__block {
        padding: 51px 64px 3rem;
    }
    .hero__buttons {
        margin-bottom: 450px;
    }
    .hero__block-image img.ars {
        max-height: 79%;
        right: 1.9%;
    }
    .hero__head p {
        max-width: 257px;
    }
    .hero-bg-3 {
        left: 33.5%;
        width: 31%;
    }
    .hero__block-left-foottxt {
        left: 54%;
    }
    .hero__block-image-name {
        right: 30%;
        bottom: 24%;
    }
    .hero__block-right {
        top: 21rem;
        right: 75px;
    }
    .eblya-box code {
        font-size: 58px;
    }
    .eblya-box h2 {
        line-height: 1;
    }
    .marketing__block {
        padding-top: 0;
    }
    .pain__content {
        gap: 10px;
    }
    .cases__footer {
        margin: 24px auto 0;
    }
    .advantages__item.big p:first-of-type {
        font-size: 32px;
    }
	.scrollButtonWrap {
    width: 28rem;
}
}

/*
==============================
xl 1699 - Декстопы (1536)
==============================
*/
@media (max-width: 1536px) {
    #buildHero2.building .hero__head {
    max-width: 760px;
}
    .building .hero__head {
    max-width: 669px;
}
        .building .hero__block-image img.ars {
        left: 73%;
    }
    .header__tech {
    padding: 0;
}
    .header__block {
    padding-right: 2rem;
}
    .sendCase h2 {
        font-size: 60px;
    }
    .casePage.road {
        margin: 0 0 7rem;
    }
    .company__block .company-bg {
        left: 47%;
        transform: translate(-50%);
        width: 61%;
    }
    .footer__phone {
        font-size: 44px;
    }
    .portfolio-main__tab span {
        padding: 10px 13px 10px 26px;
    }
    #filterCases {
        padding: 18px 0 28px;
    }
    .casesHead__heading h1 {
        font-size: 56px;
    }
    #breadcrumbs {
        margin-bottom: 16px;
    }
    .casesHead {
        padding: 55px 0 0;
    }
    .road__footer-line {
        right: -6rem;
    }
    .header__menu {
        max-width: 400px;
    }
    .hero__buttons {
        margin-bottom: 384px;
    }
    .hero__block-right p.h2 {
        font-size: 70px;
    }
    .run h2 {
        font-size: 52px;
    }
    .container {
        padding: 0 2rem;
    }
    .metlab__image {
        right: 0%;
        width: 52%;
    }
    .pain__content-item {
        padding: 38px 34px 18px 21px;
        font-size: 16px;
        min-width: 175px;
    }
    .marketing__head h2 {
        font-size: 32px;
    }
    .marketing__head {
        max-width: 22rem;
        margin-right: 1%;
    }
    .marketing__item {
        padding: 27px 32px;
    }
    .page-frame {
        padding-top: 6.7rem;
    }
    .hero-bg-3 {
        left: 39%;
        width: 28.7%;
    }
    .advantages {
        padding: 4rem 0 0;
    }
    .eblya-box code {
        font-size: 46px;
    }
    .eblya-box h2 {
        line-height: 0.8;
    }
    .eblya-box {
        max-width: 470px;

        flex: 0 0 470px;
    }
    .work__block.eblya-box {
        flex: 0 0 700px;
        max-width: 700px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .company .head-litera {
        top: 26.5%;
        left: 30.8%;
        width: 43%;
    }
    h2 {
        font-size: 56px;
    }
    .marketing .head-litera {
        top: 39%;
        left: 67%;
        width: 30%;
    }
    .pain .eblya-box code {
        font-size: 68px;
    }
    .pain__head {
        max-width: 698px;
        margin-right: 23%;
    }
    .violet-block {
        border-radius: 26px;
    }
    .work__block.violet-block {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .metlab .eblya-box h2 {
        font-size: 49px;
        line-height: 1;
    }
    .metlab .eblya-box code {
        font-size: 49px;
    }
    .metlab__head .head-litera {
        top: 64%;
        left: 0%;
        width: 75%;
    }
    .road {
        margin-top: -16rem;
    }
    .road-text-image {
        right: -2rem;
    }
    .road__info-left .road-text-info {
        max-width: 14rem;
    }
    .road-text-info {
        font-size: 24px;
        max-width: 27rem;
    }
    .run__content {
        margin: 0px -8rem 0px -11rem;
    }
}

/*
==============================
      xl 1599 - Декстопы (1440)
==============================
*/
@media (max-width: 1440px) {
    .metlab__desc {
        right: -12%;
        bottom: 0%;
    }
    .sendCase__img {
        top: 16%;
        left: 50%;
        transform: translate(-71%);
        width: 46%;
    }
    .sendCase__block_head {
        padding-bottom: 48px;
    }
    .sendCase h2 {
        font-size: 53px;
    }
    .header__tech {
        margin: 0 0px;
    }
    .header__block.gray-box {
        padding-right: 3rem;
    }

    #menu .menu_block ul li {
        padding: 0 0.4rem;
        margin: 0;
    }
    .work__item-txt {
        padding: 40px 0px 20px;
    }
    .header__desc {
        max-width: 134px;
    }
    .gray-box {
        padding: 23px 23px;
    }
    #header .logo a {
        max-width: 10rem;
    }
    .services__item {
        min-height: 320px;
    }
    .services__item.gray-box {
        padding: 82px 20px 38px;
    }
    h1 {
        font-size: 120px;
    }
    .home p.h1 {
        font-size: 120px;
    }
    .advantages__item.gray-box {
        padding: 0;
    }
    .pain h2 {
        font-size: 64px;
    }
    .metlab .eblya-box h2 {
        font-size: 50px;
    }
    .case h1 {
        font-size: 45px;
    }
    .case__desc p:first-of-type {
        font-size: 26px;
    }
    .case__point-item {
        font-size: 54px;
    }
    .case__steps_nav-element {
        padding: 24px 1rem;
    }
    .case__steps-span {
        font-size: 18px;
    }
    .case__block {
        padding-bottom: 60px;
    }
    .adaptiveBox-item-text p:first-of-type {
        font-size: 48px;
    }
    .pain .eblya-box code {
        font-size: 62px;
    }
    .pain .head-litera {
        left: 58%;
        bottom: 35%;
        width: 22%;
    }
    .road-text-image {
        right: 0rem;
        width: 60%;
    }
    .run__content {
        grid-template-columns: 0.7fr 0.2fr 0.3fr 0.6fr 0.9fr 0.7fr 0.4fr 0.4fr 0.3fr 0.7fr 1fr 0.7fr;
    }
}

/*
==============================
      lg 1399 - Ноутбуки (1360)
==============================
*/
@media (max-width: 1399px) {
	.buildBanner__button .btn {
    font-size: 1.5rem;
}
    #buildHero2.building .hero__head .hero__head_desc p {
    font-size: 20px;
}
    #buildHero2.building h1 {
        font-size: 56px;
    }
    #buildHero2.building .hero__head h1 + p {
    font-size: 38px;
}
    #buildHero2 .hero__block {
    padding: 54px 60px 102px;
}
    .header__menu {
        max-width: 280px;
    }
    .header__phone a[href^="tel:"] {
        font-size: 15px;
    }
    .header__phone {
        margin: 0 9px;
    }
    .header__block.gray-box {
        padding: 23px 23px;
    }
    .company__head-left.eblya-box {
        max-width: 408px;
        flex: 0 0 408px;
    }
    .advantages_slider .slick-list {
        padding-bottom: 8rem;
    }
    .caseForm__block__content h2 {
        font-size: 32px;
    }
    .sendCase__block_content {
        flex: 0 0 30%;
    }
    .sendCase h2 {
        font-size: 44px;
    }
    .mobile-icon {
        display: none;
        cursor: pointer;
    }
    .pain .head-litera {
        left: 49%;
        bottom: 42%;
        width: 22%;
    }
    .run__item-28 .noice-box {
        padding: 20px 0px;
    }
    .company__head {
        justify-content: space-between;
    }
    .company__block .company-bg {
        left: 45%;
        width: 66%;
    }
    .company__head-right {
        max-width: 26rem;
        padding-bottom: 2rem;
    }
    .pain__head.eblya-box {
        max-width: 698px;
        margin-right: 23%;
    }
    .pain__head.eblya-box h2 {
        line-height: 1;
    }
    .search #hero .wrap {
        width: 100%;
        max-width: 80vw;
    }
    .search-button {
        padding: 23px 57px;
    }
    .search-field {
        padding: 22px;
        padding-left: 4rem;
    }
    .portfolio-main__tab span.portfolio-main__tab-count {
        padding: 7px 0px;
        width: 39px;
        align-items: center;
        justify-content: center;
    }
    .portfolio-main__tab span {
        font-size: 16px;
    }
    .mobile-icon,
    .active.mobile-icon {
        right: 3.7rem;
    }
    .run__content {
        grid-template-rows: 1fr 133px 94px 186px 250px 200px 53px;
    }
    .run__item p:first-of-type {
        font-size: 21px;
    }
    .work__head .head-litera {
        top: 38%;
        left: 8%;
        width: 35%;
    }
    .violet-block {
        border-radius: 26px;
    }
    .road {
        margin-top: -12rem;
    }
    .btn {
        font-size: 14px;
    }
    .btn-txt-box {
        min-width: 283px;
    }
    .work h2 {
        font-size: 48px;
    }
    .work__item {
        min-height: 300px;
    }
	.scrollButtonWrap {
    width: 25rem;
}
    .work__item-txt {
        font-size: 16px;
    }
    .metlab {
        padding: 269px 0 296px;
    }
    .marketing__item {
        max-width: max-content;
        flex: 0 0 42%;
    }
    .marketing .head-litera {
        top: 71%;
        left: 20%;
        width: 9%;
    }
    .marketing__head {
        max-width: 100%;
        padding-right: 43%;
    }
    .marketing-row {
        flex-wrap: wrap;
        justify-content: center;
    }
    .services__item_head-box {
        max-width: 20rem;
    }
    h2 {
        font-size: 40px;
    }

    .gray-box {
        justify-content: space-between;
    }
    .mobile-icon {
        top: 2.55rem;
        background: var(--txt-color);
        border-radius: 0.5rem;
        opacity: 0.9;
        z-index: 99999;
    }
    .open span {
        background-color: #fff;
    }
    .mobile-icon:hover {
        background: var(--txt-color);
        opacity: 1;
    }
    h1 {
        font-size: 120px;
    }
    .home p.h1 {
        font-size: 120px;
    }
    .hero__block-right {
        top: 16rem;
        right: 55px;
        max-width: 35rem;
    }
    .hero__buttons {
        margin-bottom: 349px;
    }
    .hero__buttons {
        margin-bottom: 349px;
    }
    .btn span {
        padding: 1.25rem 2rem;
    }
    .search-button.btn span {
        padding: 0;
        min-width: auto;
    }
    .container-fluid {
        /* padding: 0 0.5rem; */
    }
    .hero__block-image img.ars {
        right: 2.9%;
    }
    .advantages__content {
        margin-left: -6rem;
        margin: 0 -2rem 0 -6rem;
    }
    .footer__menu {
        display: none;
    }
    #footer .header__home-url {
        display: none;
    }
    .footer__row.row__bottom {
        justify-content: flex-start;
    }
    .pain__footer-head {
        padding-bottom: 18px;
        padding-right: 4%;
    }
    .services__item {
        min-height: 308px;
    }
    .services__item__head {
        font-size: 18px;
    }
    .services__item::before {
        width: 60px;
        height: 60px;
    }
    .services__item_num {
        font-size: 14px;
        padding: 0.6rem 0.6rem;
    }
    .footer__phone {
        font-size: 38px;
    }
    .footer__item_box {
        font-size: 15px;
    }
    .page-frame {
        padding-top: 5.2rem;
    }
    .case-cart-slider-small {
        margin-top: -3rem;
    }
    .case__heading {
        margin-bottom: 42px;
    }
    .road__footer-img {
        width: 45%;
        margin-top: -2.9rem;
        margin-bottom: -4.6rem;
    }
    .hero-bg-3 {
        left: 34%;
    }
    .portfolio-main__tab.reset span a {
        font-size: 16px;
    }
    .footer__head {
        font-size: 40px;
    }
    .work__block.eblya-box {
        flex: 0 0 600px;
        max-width: 600px;
    }
    .road .small-container {
        padding: 0 3rem;
    }
}

/*
==============================
      lg 1366 - Ноутбуки (1366)
==============================
*/
@media (max-width: 1366px) {
    .small-container {
        padding: 0 2rem;
    }
    .work__item-txt {
        padding: 42px 0px 34px;
    }

    .road__footer-txt {
        font-size: 30px;
        max-width: 17rem;
    }
    .road__footer-line {
        right: -11rem;
    }
    .road-text-date span {
        font-size: 60px;
    }
    .road-text-info {
        font-size: 24px;
    }
}

/*
==============================
      lg 1299 - Ноутбуки (1280)
==============================
*/
@media (max-width: 1299px) {
	.buildTile__row.w-2 .buildTile__image.buildTile__image-img img {
    height: auto !important;
}
        #buildHero2.building .hero__head {
        max-width: 537px;
    }
        .building .hero__head {
        max-width: 550px;
    }
    .building .hero__head h1 + p {
    font-size: 40px;
}
    .advantages_slider .slick-list {
        padding-bottom: 7rem;
    }
    .header__block.gray-box {
        padding-right: 6rem;
    }
    .header__menu {
        display: none;
    }
    .mobile-icon {
        display: flex;
        opacity: 1;
    }
    .hero__block-left {
        z-index: 1;
    }
    .hero__block-right-p {
        font-size: 20px;
    }
    .footer__item_box {
        flex-wrap: wrap;
    }
    .services__item__head {
        font-size: 18px;
    }
    .services__item {
        flex: 0 0 calc(25% - 15px);
    }
    .services__item_head {
        flex: 0 0 calc(50% - 20px);
    }
    .services__item.services__item_head {
        display: block;
    }
    .services__item.gray-box {
        display: block;
        padding: 80px 20px 38px;
    }
    .services__item {
        display: none;
    }
    .cost__content-cart {
        padding: 34px 26px;
    }
    .cost__tabs-item {
        padding: 34px 32px;
    }
    h1 {
        font-size: 100px;
    }
    .home p.h1 {
        font-size: 100px;
    }
    .hero__head p {
        max-width: 274px;
        font-size: 18px;
    }
    .hero__buttons {
        margin-bottom: 300px;
    }
    .hero__buttons {
        margin-bottom: 300px;
    }
    .hero__block-right p.h2 {
        font-size: 48px;
    }
    .hero-bg-3 {
        width: 28%;
        left: 37%;
    }
    .run h2 {
        font-size: 42px;
    }
    .run__content {
        grid-template-columns: 0.5fr 0.3fr 1fr 1fr 1fr 1fr 1fr 0.7fr 0.7fr;
        grid-template-rows: 1fr 62px 76px 230px 250px 250px 105px;
    }
    .run__item p:first-of-type {
        font-size: 24px;
    }
    .company .eblya-box code {
        font-size: 40px;
    }
    .company .head-litera {
        top: 17%;
        left: 41%;
        width: 25%;
    }
    .company .eblya-box {
        flex: 0 0 382px;
    }
    .company__kartBlock p:first-of-type {
        font-size: 30px;
        font-weight: 900;
        line-height: 1.1;
    }
    .company__head-right p:first-of-type {
        font-size: 20px;
    }
    .company__send {
        margin: 50px auto 0rem;
    }
    .pain .eblya-box code {
        font-size: 60px;
    }
    .pain .eblya-box h2 {
        line-height: 0.8;
    }
    .violet-block {
        border-radius: 20px;
    }
    .run__content {
        margin: 0px -2rem 0 -22rem;
    }
    .case-cart-slider-small {
        overflow: hidden;
        margin-top: -1rem;
    }
    .case-cart-slider-small .slick-list {
        margin-right: -6rem;
        margin-left: -6rem;
    }
    .header__block {
        border-radius: 24px;
    }
    .page-frame {
        padding-top: 4rem;
    }
    .company__item {
        min-height: 140px;
    }
    .road__footer-line {
        bottom: -10.4rem;
    }
    .run__item.run__item-head {
        padding: 26px 81px 34px;
    }
    .portfolio-main__title-top {
        font-size: 16px;
    }
    .eblya-box h2 {
        line-height: 1;
    }
}

@media (max-width: 1149px) {
    .company .eblya-box {
        flex: 0 0 327px;
    }
    .company__head-right {
        max-width: 19rem;
    }
}

/*
==============================
      ml 1152 - Нетбуки (1152)
==============================
*/
@media (max-width: 1152px) {
        #buildHero2.building .hero__head .hero__head_desc p {
        font-size: 18px;
        padding-bottom: 24px;
    }
        #buildHero2.building .hero__head h1 + p {
        font-size: 30px;
    }
        #buildHero2.building h1 {
        font-size: 48px;
    }
    #buildHero2.building .hero__buttons .btn span {
    font-size: 23px;
}
    #buildHero2 .hero__audio {
    gap: 14px;
    flex-wrap: wrap;
}
    #buildHero2 .hero__audio span {
    max-width: max-content;
    font-size: 14px;
}
    .building .hero__buttons .btn span {
    font-size: 20px;
}
    .sendCase__block_form .form-control {
        min-width: 300px;
    }
    #footer .header__desc {
        display: block;
    }
    .header__contacts {
        display: none;
    }
    .mobile-icon {
        top: 2.95rem;
    }
    .footer__phone {
        font-size: 32px;
    }
    .work h2 {
        font-size: 40px;
    }
    .pain__content-item {
        border-radius: 20px;
    }
    .marketing__head {
        max-width: 100%;
        padding: 0 2rem;
    }
    .run__item p:first-of-type {
        font-size: 20px;
    }
    .hero__head p {
        padding-bottom: 23px;
    }
    .hero__block-right .subHead {
        display: none;
    }
    .hero__block-image img.ars {
        max-height: 69%;
        right: 6.9%;
    }
    .hero__block-image-name {
        right: 21%;
        bottom: 13%;
        max-width: 13rem;
    }
    .road__info .noice-box {
        padding: 27px 26px;
    }
    .road__info-right {
        padding: 10px 10px 10px;
        flex: 1 1 53%;
    }
    .road-text-body p:first-of-type {
        font-size: 20px;
    }
    .road-text-info {
        font-size: 20px;
    }
    .road__info-right ul li {
        font-size: 14px;
    }
    .road-text-image {
        width: 62%;
    }
    .road__footer-img {
        margin-top: -2rem;
        width: 37%;
    }
    .road__footer-txt {
        font-size: 25px;
        max-width: 15rem;
    }
    .road__block-head {
        font-size: 28px;
    }
    .cost__content-bottom-bg {
        transform: translate(-31%);
        width: 25%;
    }
    .run h2 {
        max-width: 25rem;
    }
    .road__footer-right {
        width: 40%;
    }
    .case-cart-slider-small .slick-list {
        margin-right: 0;
        margin-left: 0;
    }
    .case-cart-photoblock {
        flex: 50%;
        width: 50%;
    }
    .case__row {
        gap: 47px;
    }
    #breadcrumbs {
        margin-bottom: 26px;
    }
    .case h1 {
        font-size: 32px;
    }
    .case__desc p:first-of-type {
        font-size: 22px;
    }
    .case__point-item {
        font-size: 46px;
    }
    .case h2 {
        font-size: 32px;
    }
    .case__steps_nav-element {
        padding: 16px 0.5rem;
        /* border-top-left-radius: 18px;
        border-top-right-radius: 18px; */
    }
    .cost__nav-item.active::before {
        /* border-top-left-radius: 18px;
        border-top-right-radius: 18px; */
    }
    .adaptiveBox-item-text p:first-of-type {
        font-size: 36px;
    }
    .adaptiveBox-relative {
        flex: 0 0 247px;
    }
    .adaptiveBox-item-phone {
        height: 500px;
    }
 .cases__content {
    gap: 10px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
}
    .advantages__item.big p:first-of-type {
        font-size: 32px;
    }
    .road__footer-img {
        margin-top: 0rem;
        width: 45%;
        margin-bottom: -8rem;
    }
    .road__footer-line {
        bottom: -6.7rem;
        width: 29rem;
        right: -4rem;
    }
    .run__item p:first-of-type {
        font-size: 16px;
    }
    .run__item-tx {
        font-size: 14px;
    }
    .sectionTg {
    width: 80%;
}
.sectionTg__border {
    padding: 27px 20px 31px;
}
.sectionTg__head {
    font-size: 33px;
}
.sectionTg__button_txt {
    font-size: 18px;
    padding: 24px 0 18px;
}
.sectionTg__botton .btn {
    font-size: 20px;
}
.sectionTg__body {
    gap: 20px;
}
}

/*
==============================
      ml 1149 - Нетбуки (1024)
==============================
*/
@media (max-width: 1149px) {
    .advantages_slider .slick-list {
        padding-bottom: 6rem;
    }
		#modules {
    overflow: hidden;
}
    .road .small-container {
        padding: 0 2rem;
    }
    .caseForm__block__content h2 {
        font-size: 30px;
    }
    .sendCase__block_form .form-control {
        padding: 1.7rem 0.8rem 1.7rem;
        min-width: 243px;
    }
    .sendCase__block_content ul li {
        font-size: 14px;
    }
    .sendCase__block_content p:first-of-type {
        font-size: 18px;
        padding-top: 0rem;
    }
    .sendCase h2 {
        font-size: 38px;
    }
    .sendCase .noice-box {
        padding: 30px 30px 30px 30px;
    }
    .portfolio-card {
        flex: 0 0 calc(33% - 13px);
    }
    .footer__head span {
        max-width: 23rem;
    }
    .footer__head {
        font-size: 32px;
    }
    .footer-city {
        padding: 0rem 1rem;
    }
    .search h1 {
        font-size: 46px;
    }
    .search-products-list .product__content-name {
        font-size: 1rem;
    }
    .cost__content-cart {
        border-radius: 26px;
    }
    .hero__block-image img.ars {
        right: 18.9%;
    }
    .hero__buttons {
        margin-bottom: auto;
        position: absolute;
        bottom: 2rem;
    }
    .hero__block-left {
        padding-bottom: 300px;
    }
    .hero-bg-3 {
        display: none;
    }
    .company__head {
        gap: 8%;
    }

    .advantages__item-head p:first-of-type {
        font-size: 20px;
    }
    .footer__phone {
        font-size: 38px;
    }
    .services__item.gray-box {
        order: 2;
    }
    .services__item.services__item_head {
        order: 1;
        flex: 0 0 100%;
        min-height: 160px;
    }
    .services__item {
        flex: 0 0 calc(34% - 15px);
    }
    .cost__nav-item {
        padding: 28px 1rem;
    }
    .cost__content_topbox-head {
        font-size: 24px;
    }
    .cost__tabs-item {
        padding: 34px 16px;
    }
    .cost__content-order-cost span:last-of-type {
        font-size: 24px;
    }
    .director__content {
        margin-right: 0;
    }
    .director__content-body-text {
        margin-top: 2rem;
    }
    .director__content-body {
        max-width: 462px;
        font-size: 16px;
    }
    .director__content-body-text::after {
        bottom: -29px;
    }
    .noice-box {
        padding: 25px 20px;
    }
    h1 {
        font-size: 73px;
    }
    .home p.h1 {
        font-size: 73px;
    }
    .hero__block {
        padding: 50px 50px 3rem;
    }
    .marketing__item {
        flex: 0 0 47%;
    }
    .eblya-box code {
        font-size: 42px;
    }
    .metlab .eblya-box h2 {
        font-size: 38px;
    }
    .metlab .eblya-box code {
        font-size: 42px;
    }
    .metlab .eblya-box h2 + p code {
        font-size: 26px;
    }
    .metlab {
        padding: 174px 0 100px;
    }
    .run h2 {
        font-size: 38px;
    }
    .run__content {
        grid-template-rows: 1fr 66px 79px 219px 188px 205px 75px;
    }
    .work__item-txt {
        padding: 24px 0px 34px;
    }
    .work__item-txt::before {
        top: 0.8rem;
    }
    .work__item {
        min-height: 280px;
    }
    .pain__footer {
        max-width: 100%;
        margin: 40px auto 0;
    }
    .pain__footer-head {
        padding-bottom: 18px;
        padding-right: 0;
        text-align: center;
    }
    .pain__footer-row .form-group {
        flex: 1 1 40%;
    }
    .pain__footer-row .button {
        flex: 1 1 40%;
    }
    .case-cart-slider-small {
        margin-top: -2rem;
    }
    .case__tools ul li {
        font-size: 12px;
        padding: 8px 18px;
    }
    .case__steps-span {
        font-size: 14px;
    }
    .cost__nav-item {
        padding: 18px 1rem;
    }
    .road__footer-right {
        width: 56%;
    }
    .footer__phone {
        font-size: 31px;
    }
    .footer__tech {
        padding: 0 14px;
    }
    .header__block {
        padding-right: 5rem;
    }
    .mobile-icon {
        top: 3rem;
        right: 3.7rem;
    }
    .hero__block-right {
        top: 12rem;
    }
    .advantages__item.gray-box {
        /* padding: 43px 20px 38px; */
    }
    .advantages__item.big p:first-of-type {
        font-size: 25px;
    }
    .advantages__content {
        margin: 0 -2rem 0 -5rem;
    }
    .company__item {
        padding: 2.2rem 1rem 1.5rem;
    }
    .cards__img {
        border-radius: 10px;
    }
    .pain__content .slick-slide {
        margin: 0 3px;
    }
    .pain .eblya-box code {
        font-size: 50px;
    }
    .pain .eblya-box h2 {
        line-height: 0.6;
    }
}

/*
==============================
      md 1023 - Планшеты (960)
==============================
*/

@media (max-width: 960px) {
.buildBanner__img {
    flex-direction: column-reverse;
    padding-left: 0;
}
    #buildHero2.building .hero__head {
        max-width: 411px;
    }
.portfolio-card {
    flex: unset;
}
    .building .hero__head h1 + p {
        font-size: 32px;
    }
        .building .hero__head {
        max-width: 460px;
    }
    .footer__right {
        flex: 1 1 36%;
    }
    .footer__left {
        flex: 1 1 14%;
    }
    .footer__phone {
        font-size: 26px;
    }
    .arrow {
        padding: 2rem 1rem;
    }
    .hero__block-right {
        top: 11rem;
    }
    .cases__item {
        flex: 1 1 40%;
    }
    .cases__tags-item {
        font-size: 10px;
        padding: 6px 10px;
    }
    .marketing__item {
        flex: 0 0 100%;
    }
    .caseHoverInfo {
        display: none;
    }
        .sectionTg__botton .btn {
        font-size: 16px;
    }
}
@media (max-width: 825px) {
    #buildHero2 .heroBlockVideos__icons {
    padding: 14px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
    #buildHero2 .heroBlockVideos__icons img {
        width: 3rem;
}
        #buildHero2 .hero__block {
        padding: 54px 60px 0px;
    }
        .building .hero__block-image img.ars {
        left: auto;
        transform: none;
        position: relative;
        max-height: 100%;
    }
        .building .hero__head {
        max-width: 100%;
        margin-bottom: 0;
    }
    .search #hero .wrap {
        max-width: 100vw;
    }
        #modules {
        padding-top: 4.2rem;
    }
    .search-button {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .search-field {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    .portfolio-main__tabs-head {
        gap: 5px;
    }
    .portfolio-main__tab span {
        font-size: 14px;
        border-radius: 10px;
        padding: 8px 10px 8px 16px;
    }
    .casesHead__heading h1 {
        font-size: 42px;
    }
    .advantages__image {
        /* display: none; */
    }
    .advantages__item.gray-box {
        border-radius: 20px;
    }
    .advantages__item.big p:first-of-type {
        font-size: 20px;
    }
    .mobile-icon {
        top: 2.5rem;
    }
    .footer__item {
        /* flex: 1 1 100%; */
    }
    .footer__right {
        order: 3;
        margin-bottom: 2rem;
        flex: 1 1 30%;
    }
    .footer__phone {
        font-size: 22px;
    }
    .footer__left {
        order: 1;
        flex: 0 0 30%;
    }
    .footer__head {
        font-size: 38px;
    }
    .cost__nav-item span {
        font-size: 18px;
    }
    .cost__nav-item {
        padding: 18px 0.5rem;
    }
    .cost__content_topbox {
        flex: 1 1 100%;
    }
    .cost__content-cart {
        flex: 1 1 100%;
    }
    .cost__content-head {
        flex-wrap: wrap;
    }
    .director h2 {
        font-size: 32px;
    }
    .director__content-body {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .director__footer {
        position: absolute;
        bottom: 0rem;
        display: flex;
        justify-content: center;
        width: 100%;
    }
    .director__content {
        padding-bottom: 19rem;
    }
    .road__info {
        flex-wrap: wrap;
    }
    .road__footer-row {
        flex-wrap: wrap;
        gap: 3rem;
        justify-content: center;
    }
    .road__footer-right {
        width: 60%;
    }
    .road__footer .noice-box {
        padding: 34px 2rem 34px 2rem;
    }
    .cost__content-cart-image {
        top: 0;
        left: -3rem;
        position: relative;
    }
    .company__head {
        flex-wrap: wrap;
    }
    .company__head-right {
        max-width: 100%;
    }
    .company__kartBlock p:first-of-type {
        font-size: 22px;
    }
    .company__send-form {
        flex: 0 0 100%;
        z-index: 8;
    }

    .company__kartBlock-inside {
        height: 49%;
        width: 88%;
        top: -3rem;
        transform: translate(0);
    }
    .company__send-block {
        flex-wrap: wrap;
    }
    .case__row {
        flex-wrap: wrap;
    }
    .case__steps_tab-row {
        gap: 16px;
    }
    .case__steps_tab-body {
        flex: 0 0 46%;
    }
    .case__steps_tab-body p:first-of-type {
        font-size: 20px;
    }
    .adaptiveBox-item-text p:first-of-type {
        font-size: 30px;
    }
    .adaptiveBox-row {
        gap: 2rem;
    }
    .adaptiveBox-item-text {
        flex: 1 1 auto;
    }
    .footer__item.footer-city {
        padding: 0;
        order: 2;
    }
    .footer__soc {
        flex-wrap: wrap;
    }
    .case__steps_tab {
        padding: 19px 10px;
    }
    .portfolio-main__title-top {
        font-size: 14px;
        padding: 14px 0 12px;
    }
    .case-card-body {
        padding: 0 0px 12px;
        max-width: 100%;
    }
    .cases__footer {
        padding: 16px 64px;
        max-width: 30rem;
        font-size: 18px;
    }
    .cost__footer-row {
        flex-wrap: wrap;
    }
    .cost__footer-row .button .btn .btn-svg-box {
        flex: 0 0 79px;
    }
        .sectionTg {
        width: 91%;
    }
}

/*
==============================
      md 1023 - Планшеты (768)
==============================
*/
@media (max-width: 768px) {
    .sendCase__block_content {
        flex: 0 0 44%;
    }
    .sendCase h2 {
        font-size: 34px;
    }
    .sendCase__img {
        top: 61%;
        left: 87%;
    }
    .services__item_num {
        width: 37px;
        height: 37px;
        padding: 0.2rem 0.3rem;
        font-size: 12px;
        top: 3px;
        left: -2px;
    }
    .cost__nav-item {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }
    #header {
        width: calc(100% - 2rem);
    }
    .container-fluid {
        padding: 0 1rem;
    }
    .header__block {
        border-radius: 16px;
    }
    .footer__phone {
        font-size: 20px;
    }
    .case-cart-slider-small {
        margin-top: -3rem;
    }
    .hero__block-image-name {
        right: 3.5rem;
    }
    .work h2 {
        font-size: 34px;
    }
    .director__content {
        padding-bottom: 16rem;
    }
    .cases__tags {
        flex-wrap: wrap;
    }
    h1 {
        font-size: 57px;
    }
    .home p.h1 {
        font-size: 57px;
    }
    .hero__head p {
        max-width: 172px;
        font-size: 16px;
    }
    .hero__buttons {
        bottom: -2rem;
    }
    .run__content {
        grid-template-columns: 0.4fr 0.4fr 0.6fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
        margin: 0px 0.7rem 0 1rem;
    }
    .run-item-mobile-del {
        display: none;
        grid-row-start: 2;
        grid-row-end: 1;
        grid-column-start: 1;
    }
    .run__item-0 {
        grid-row-start: 1;
        grid-row-end: 2;
        grid-column-start: 1;
        grid-column-end: 5;
    }
    .run__item-7 {
        grid-row-start: 2;
        grid-row-end: 2;
        grid-column-start: 1;
        grid-column-end: 5;
    }
    .run__item-14 {
        grid-row-start: 3;
        grid-row-end: 3;
        grid-column-start: 3;
        grid-column-end: 5;
    }
    .run__item-19 {
        grid-row-start: 5;
        grid-row-end: 5;
        grid-column-start: 1;
        grid-column-end: 4;
    }
    .run__item-26 {
        grid-row-start: 4;
        grid-row-end: 4;
        grid-column-start: 2;
        grid-column-end: 5;
    }
    .run__item-28 {
        grid-row-start: 6;
        grid-row-end: 6;
        grid-column-start: 2;
        grid-column-end: 5;
    }
    .caseForm__block_img {
        flex: 0 0 80px;
    }
    .caseForm__block__content h2 {
        font-size: 24px;
    }
    .caseForm__block {
        gap: 1rem;
    }
    .caseForm {
        padding: 3rem 0 3rem;
    }
        .sectionTg {
        width: calc(100% - 2rem);
    }
}

/*
==============================
      sm 767 - Фаблеты (500)
==============================
*/
@media (max-width: 767px) {
	.portfolio-main__title {
    max-width: 100%;
}
	.cases__content {
    grid-template-columns: repeat(1,1fr);
}
    #buildHero2 .hero__block-image-name {
    padding: 10px;
}
    #buildHero2 .hero__block-image-name span.image-name p {
    font-size: 18px;
}
        #buildHero2 .hero__block {
        padding: 31px 28px 0px;
    }
    .company__send-block {
        padding: 14px 10px;
    }
    .company__send-block {
        margin-bottom: -44rem;
    }
    .company__send {
        margin: 50px auto 0rem;
    }
    .company__content {
        margin: 0 -7rem 10rem;
    }
    .company__kartBlock {
        z-index: 2;
        padding: 2rem;
        background: #fff;
        border-radius: 30px;
        transform: rotate(5deg) translate(-7px, -69px);
    }
    .advantages__item-bg {
        padding: 0 0 6rem;
    }
    .road .small-container {
        padding: 0 1rem;
    }

    .caseForm__block {
        flex-wrap: wrap;
    }
    .caseForm__block__content {
        flex: 0 0 100%;
    }
    .sendCase__block_form form .button {
        width: 100%;
    }

    .sendCase__block_form .form-control {
        min-width: 100%;
    }
    .sendCase__block_form form .form-group {
        width: 100%;
    }
    .sendCase__block_content {
        flex: 0 0 100%;
        margin-bottom: 2rem;
    }
    .sendCase h2 {
        font-size: 30px;
    }
    .sendCase__block_head {
        flex: 0 0 100%;
        padding-bottom: 18px;
    }
    .header__phone.mobile {
        display: block;
    }
    .portfolio-main__title-body {
        font-size: 12px;
    }
    .cards__img {
        border-radius: 7px;
    }
    .portfolio-card {
        flex: 0 0 calc(49% - 2px);
    }
    .portfolio-main__card .tags {
        gap: 5px;
        flex-wrap: wrap;
    }
    .portfolio-main__card .tags span {
        padding: 3px 10px;
        font-size: 10px;
    }
    .portfolio-main__cards {
        gap: 10px;
    }
    .director__content-body-text::after {
        right: -3px;
    }
    .work__block.eblya-box {
        flex: 0 0 100%;
    }

    .small-container {
        padding: 0 1rem;
    }
    .advantages__item.big p:first-of-type {
        font-size: 24px;
    }
    .advantages__content {
        margin-left: 0;
    }
    .case__steps_nav-element {
        flex: 1 1 26%;
    }
    .case__steps_nav {
        flex-wrap: wrap;
        padding-bottom: 10px;
    }
    .cost__nav-item {
        /* border-radius: 14px; */
    }
    .cost__nav-item.active::before {
        /* border: transparent; */
    }
    .cost__nav-item::before {
        border-bottom: transparent;
    }
    .case__steps_tab-body {
        flex: 0 0 100%;
    }
    .case__steps_tab-photo {
        flex: 0 0 100%;
    }
    .case__steps-visible-content {
        padding: 0.6rem;
    }
    .case__steps_tab .cost__tabs-border {
        border: none;
    }
    .case__steps_tab-row {
        gap: 16px;
        flex-wrap: wrap;
    }
    .case h2 {
        font-size: 28px;
    }
    .case h1 {
        font-size: 28px;
    }
    .gray-box {
        border-radius: 24px;
    }
    .cost__tabs.gray-box {
        border-radius: 24px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    #header {
        width: calc(100% - 2rem);
    }
    .container {
        padding: 0 1rem;
    }
    .mobile-icon {
        top: 2.5rem;
    }
    .header__tech {
        display: none;
    }
    .case-cart-slider-small {
        margin-top: -2rem;
    }
    .metlab__desc {
        position: relative;
        right: 0;
    }
    .metlab__image {
        right: auto;
        width: 52%;
        left: 50%;
        top: 0;
        transform: translate(-50%);
        position: relative;
    }
    .cost__content-cart {
        flex-direction: column;
    }
    .road__footer-right {
        width: 100%;
    }
    .pain__desc {
        max-width: 12rem;
    }
    .pain__head {
        margin-right: 0;
    }
    .pain__footer-head {
        font-size: 16px;
    }
    .pain__footer-row .button .btn {
        justify-content: center;
    }
    .pain__footer-row .button {
        flex: 1 1 100%;
    }
    .pain__footer-row .form-group {
        flex: 1 1 100%;
    }
    .pain__footer-row {
        flex-wrap: wrap;
    }
    .pain__content-slider {
        margin: 0 -6rem;
    }
    .header__desc {
        display: none;
    }
    .container-fluid {
        padding: 0px 1rem;
    }
    #header .header__logo .img_link::before {
        display: none;
    }
    .footer__box_polit {
        flex: 0 0 100%;
    }
    .footer__row.row__bottom {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .footer__polit {
        text-align: center;
    }
    .services__item {
        flex: 0 0 calc(50% - 5px);
    }
    .services__item_full {
        flex: 0 0 100%;
    }
    .hero__block {
        padding: 32px 32px 3rem;
    }
    .hero__block-right p.h2 {
        font-size: 38px;
    }
    .hero__block-right span {
        font-size: 30px;
    }
    .hero__block-right {
        top: 10rem;
    }

    .hero__block-right-p {
        justify-content: flex-end;
        margin-left: auto;
    }
    .hero__head p {
        max-width: 235px;
        font-size: 14px;
    }
    .hero__buttons {
        bottom: 2rem;
    }
    .hero-bottom-info {
        max-width: 7rem;
        position: absolute;
        bottom: 1.5rem;
    }
    .hero-bg-3 {
        display: none;
    }
    .hero__block-image img.ars {
    }
    .hero__block-image-name {
    }
    .road-text-info {
        font-size: 14px;
    }
    .cost__content-order-cost {
        font-size: 20px;
    }
    .cost__content-order-cost span:last-of-type {
        display: block;
    }
    .cost__footer-row {
        flex-wrap: wrap;
    }
    .cost__nav-item span {
        font-size: 16px;
    }
    /* .cost .small-container {
        padding: 0 5px;
    } */
    .header__tech-mobile {
        padding: 14px 1rem 10px 1rem;
        display: block;
        background: var(--txt-color);
        border-radius: 8px;
    }
    .mobile-icon,
    .active.mobile-icon {
        /* right: 25px; */
        /* top: 2.35rem; */
    }
}
@media (max-width: 680px) {
    .sectionTg__botton .btn {
    max-width: max-content;
    margin: 0 auto;
}
    .sectionTg__sizeLeft {
    flex: 1 1 100%;
}
    .sectionTg__sizeRight {
    flex: 1 1 100%;
}
        .sectionTg__body {
        flex-wrap: wrap;
       flex-direction: column-reverse;
    }
        .sectionTg__button_txt {
        font-size: 14px;
    }
        .sectionTg__head {
        font-size: 26px;
    }
        .building .hero__head h1 + p {
        font-size: 29px;
        position: relative;
        text-align: left;
    }
    .building .hero__head .hero__head_desc p {
    text-align: left;
    max-width: 100%;
    position: relative;
    font-size: 20px;
}
    .building .hero__head {
        padding: 0;
    }
    .hero__head p {
        max-width: 211px;
        position: absolute;
        bottom: 0;
        text-align: right;
        right: 0;
    }
    .home p.h1 {
        font-size: 74px;
        font-weight: 800;
        margin: 0;
        top: 3rem;
        left: 0;
    }
    .hero__block-right-p {
        font-size: 16px;
        padding-top: 9.5rem;
    }
    .hero__block-right-p svg {
        width: 3rem;
    }
    h1 {
        font-size: 46px;
    }
    .home p.h1 {
        font-size: 46px;
    }
    .hero__block-right {
        right: 2rem;
    }
    .hero__block-left .hero__head p.fir {
        font-size: 18px;
        max-width: 278px;
    }
	.hero__head ul{
		        font-size: 18px;
	}
    .hero__block-right-p span.cityspan {
        font-size: 16px;
    }
    .hero__block-image-name {
        right: 2rem;
        bottom: 29.6%;
        max-width: 14rem;
    }
    .btn-txt-box {
        min-width: 255px;
    }
    .hero__block-right {
        top: 9rem;
        top: 9rem;
        max-width: 100%;
        width: 100%;
    }
    .hero__block-right p.h2 {
        bottom: auto;
        right: 0;
    }
    .hero__block-left {
        padding-bottom: 300px;
    }
    .hero__head {
        padding-bottom: 16rem;
        position: relative;
    }
    .hero__block-right .hero__block-right-p p {
        max-width: 186px;
        position: relative;
        bottom: 0;
        text-align: right;
        right: 0;
        font-size: 16px;
    }
    .hero__block-image img.ars {
        max-width: 140%;
        right: 2.9%;
    }
    .footer__right {
        order: 1;
        margin-bottom: 2rem;
        flex: 0 0 100%;
    }
    .footer__left {
        order: 2;
        flex: 0 0 48%;
    }
    .footer__item.footer-city {
        flex: 0 0 48%;
        order: 3;
    }
    .footer__phone {
        font-size: 32px;
        padding-bottom: 0.5rem;
    }
    .adaptiveBox-row {
        flex-wrap: wrap;
        justify-content: center;
    }
    .adaptiveBox-item-text {
        order: 1;
    }
    .adaptiveBox-relative {
        order: 2;
    }
    .search-products-list .product__content-item-body {
        flex: 0 0 60%;
    }
    .search h1 {
        font-size: 40px;
    }
    .search-products-list .cart-link {
        gap: 1rem;
    }
    .cost__content-bottom-bg {
        display: none;
    }
    .semilar-mobile {
        flex-wrap: nowrap;
        overflow: scroll;
    }
    .company__block.gray-box {
        padding: 67px 20px 28px 20px;
        margin: 0 -1rem;
        overflow: inherit;
    }
    .company h2 {
        margin-left: -3rem;
        margin-right: 3rem;
    }
    .company h2 + p {
        font-size: 14px;
        max-width: 16rem;
    }
    .company h2 + p br {
        display: none;
    }
    .company__head-right {
        font-size: 16px;
        max-width: 12rem;
    }
    .company {
        padding-bottom: 34rem;
    }
    .company__send-block {
        margin-bottom: -34rem;
    }
    .company__block .company-bg {
        left: auto;
        width: 107%;
        right: -75%;
    }
    .case__point-item {
        flex: 0 0 100%;
    }
    .case__point {
        flex-wrap: wrap;
    }
}

/*
==============================
      xs 499 - Смартфоны (360)
==============================
*/
@media (max-width: 499px) {
	.building .hero__head .hero__head_desc {
    max-width: 80%;
}
	.list ul li, .list ol li {
    padding-left: 1.4rem;
}
	.hero__head_desc ul li {
    margin-bottom: 0.5rem;
}
	.portfolio-card {
    flex: unset;
}
.buildBanner__txt {
    font-size: 1.2rem;
    padding-top: 1rem;
}
	.portfolio-main__card .tags {
    padding-top: 0 !important;
}
	.portfolio-main-content-box-tags {
    min-height: unset !important;
}
	.buildTile__content p:last-child{
		margin-bottom:0
	}
	.building h2 {
    padding-left: 0;
}
	.building .work__item-img {
    height: 7rem;
}
        #modules {
        padding-top: 1.2rem;
    }
	.buildTile__row.w-2 .buildTile__item .buildTile__item_body {
padding-top:0 !important}
        .buildTab__item_desc {
        font-size: 14px;
    }
        #buildHero2.building .hero__buttons .btn span {
        font-size: 16px;
    }
        #buildHero2 .hero__block-image-name span.image-name p {
            text-align: left!important;
                    font-size: 14px;
    }
        #buildHero2    .building .hero__buttons {
        bottom: 0rem
    }
    .hero__block-image-tg {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}
    #buildHero2 .hero__block-image-name span.image-name {
    position: relative;
    padding: 0px;
        border-radius: 15px;
                display: block;
}
    .audio-row {
    overflow: hidden;
}
    .audio-player {
    max-width: 100%;
}
    #buildHero2.building.hero {
    width: calc(100% - 2rem);
}
        #buildHero2.building .hero__head .hero__head_desc p {
        font-size: 14px;
        padding-bottom: 15px;
       max-width: 93%;
    }
  #play-pause-btn {
    width: 40px;
    height: 40px;
}
.heroBlockVideos {
    right: -300px;
}
.heroBlockVideos__sections {
    border-bottom-left-radius: 22px;
    width: 300px;
}
    #buildHero2 .hero__audio span {
        font-size: 12px;
    }
    #buildHero2.building .hero__head {
    margin-bottom: -3rem;
}
.wave-container {
    height: 33px;
}
    #buildHero2.building h1 {
        font-size: 35px;
    }
        #buildHero2.building .hero__head h1 + p {
        font-size: 18px;
            padding-bottom: 20px;
    }
    .building .hero__head .hero__head_desc br{
    display: none;
}
.sectionTg__botton .btn span:first-of-type {
    width: 2rem;
}
    .sectionTg__head {
        font-size: 20px;
    }
     .sectionTg__head {
        font-size: 20px;
    }
        .sectionTg__border {
        padding: 18px 11px 18px;
    }
    .sectionTg__mozg {
        top: 104%;
        width: 3rem;
}
    .sectionTg__body {
        gap: 8px;
    }
    .case__point {
        gap: 1.5rem;
    }
    .advantages {
        padding: 1rem 0 0;
    }
    .work__block.eblya-box h2 code:nth-of-type(3) {
        padding-right: 19%;
    }
    .work__head .head-litera {
        top: 32%;
        left: -5%;
        width: 38%;
    }
    .run__item-26 .run__item_num {
        font-size: 182px;
        right: -5px;
        bottom: -82px;
    }
    .run__item_num {
        font-size: 152px;
        bottom: -94px;
        right: 66px;
        letter-spacing: -15px;
    }
    .hero__block-right-p {
        padding-top: 10.5rem;
    }
    .run__item-26 {
        grid-row-start: 5;
        grid-row-end: 5;
        grid-column-start: 2;
        grid-column-end: 5;
    }
    .run__item-19 {
        grid-row-start: 4;
        grid-row-end: 4;
        grid-column-start: 1;
        grid-column-end: 4;
    }
    .run__item-28 {
        grid-row-start: 6;
        grid-row-end: 6;
        grid-column-start: 1;
        grid-column-end: 5;
        margin: 0 3rem;
    }
    .run__content {
        grid-template-columns: 0.4fr 0.4fr 0.6fr 1fr;
        grid-template-rows: 1fr 0.8fr 1fr 0.5fr 0.7fr 1fr;
        margin: 0px 0.7rem 0 1rem;
    }
    .pain .head-litera {
        display: none;
    }

    .case .container,
    .archive .container {
        padding: 0 1rem;
    }
    .header__tech-mobile {
        padding: 12px 1rem 8px 1rem;
    }
    .director__content-body-text::before {
        top: -18px;
        left: -20px;
    }
    .director__content-body {
        padding: 0 15px;
    }
    .road__footer-img {
            position: absolute;
        right: -30px;
        top: 17%;
    }
    .road__footer-txt {
        font-size: 24px;
        padding-right: 6rem;
    }
    .work .slick-arrow {
        background: #fff;
    }
    .director__block-border-dark {
        padding: 0;
    }
    .cost h2 {
        font-size: 32px;
    }
    .cost__content-cart-num {
        top: auto;
        bottom: 0;
        right: 17px;
    }
    .cost__tabs-item.noice-box {
        padding: 10px 0px;
    }
    .cost__content_topbox-icon-content {
        flex: 0 0 100%;
        font-size: 16px;
    }
    .cost__content_topbox-icon-img {
        flex: 0 0 100%;
    }
    .cost__content_topbox-head {
        padding-bottom: 14px;
    }
    .cost__nav {
        gap: 3px;
    }
    .advantages__item-head p {
        font-size: 12px;
    }
    .advantages__item-bg {
        padding: 20px 20px 100px;
    }

    .company__block.gray-box {
        padding: 38px 20px 28px 10px;
    }
    .company .eblya-box code {
        font-size: 32px;
    }
    .company .eblya-box h2 {
        line-height: 0.9;
    }
    .advantages__content {
        margin: 0 0 0 -6rem;
    }
    .road__info-left .road-text-info {
        max-width: 7rem;
    }
    .road__info .road__info-right.violet-block .noice-box {
        padding: 27px 26px 131px 26px;
    }
    .cases__footer {
        padding: 18px 26px;
        font-size: 17px;
    }
    .advantages__content .slick-track {
        display: flex;
        justify-content: center;
    }
    .hero__buttons .btn span {
        padding: 1.25rem 0.5rem;
    }
    .hero__block-image-name-icon {
        /* left: 0.4rem;
        top: 22px; */
    }
    .page-frame {
        padding-top: 4.7rem;
    }
    .case__tools ul {
        flex-wrap: wrap;
    }
    .mobile-icon,
    .active.mobile-icon {
        top: 37px;
    }

    .open {
        height: 2rem;
    }
    .header__block {
        padding-right: 6rem;
    }

    #header .logo {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 13rem;
        flex: 0 0 13rem;
    }
    .road__footer-txt {
        max-width: 100%;
    }
    .gray-box {
        padding: 17px 18px;
    }
    .small-container {
        padding: 0 1rem;
    }
    .road__footer .noice-box {
        padding: 34px 1rem 0px 1rem;
    }
    .road__footer-line {
        bottom: -6.1rem;
        width: 27rem;
        right: -4rem;
    }
    .road__footer-row {
        gap: 1rem;
    }
    .footer__left {
        order: 2;
        flex: 0 0 100%;
    }
    .hero .btn .btn-txt-box {
    }
    .hero .btn .btn-svg-box {
    }
    .hero .btn .btn-svg-box svg {
    }
    .hero .btn .btn-svg-box svg path {
        stroke: var(--txt-color);
    }
    .hero__block-right {
        top: 7.8rem;
        right: 20px;
    }
    .hero__block-right p.h2 {
        font-size: 34px;
    }
    h1 {
        font-size: 34px;
    }
    .home p.h1 {
        font-size: 34px;
    }
    .work__block.violet-block {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .work__content {
        margin-top: -5rem;
    }
    .work__arrows {
        padding-bottom: 0;
        padding-left: 1rem;
        margin-top: -10rem;
        margin-bottom: 5rem;
    }
    .work__block {
        max-width: 100%;
        width: 100%;
        padding: 84px 30px 172px 1rem;
    }
    .work__head_desk {
        max-width: 6.3rem;
    }
    .work__block.eblya-box h2 {
        text-align: right;
    }
    .work-row {
        flex-wrap: wrap;
    }
    .cases__content {
        gap: 5px;
    }
    .cases__desc p:first-of-type {
        font-size: 14px;
        display: block;
    }
    .cases__desc p {
        display: none;
    }
    .directop__block-bg {
        width: 176%;
    }
    .director__content {
        padding-bottom: 22rem;
    }
    .director h2 {
        font-size: 26px;
    }
    .services__item__head {
        font-size: 16px;
    }
    .footer__phone {
        font-size: 32px;
    }
    .footer__head {
        font-size: 32px;
    }
    .footer__item_box {
        font-size: 16px;
    }
    .footer__row.row__bottom {
        justify-content: center;
        text-align: center;
    }
    .header__home-url {
        display: none;
    }
    .header__tech {
        display: none;
    }
    .cases__body {
        padding: 0;
    }
    .portfolio-main__title-body {
        display: none;
    }
    .portfolio-main__title-top {
        padding: 12px 0 0px;
        line-height: 1.1;
    }
  .portfolio-card {
    padding-bottom: 0.5rem;
}
    .pain__footer-row {
        gap: 11px;
    }
    .footer__box {
        flex: 0 0 48%;
    }
    .footer__box.footer__box_polit {
        flex: 0 0 100%;
    }
    .footer__polit {
        padding-top: 1rem;
    }
    .services__item.gray-box {
        padding: 60px 12px 10px;
        min-height: 264px;
    }
    .services__block {
        gap: 8px;
    }
    .cost__footer-row {
        gap: 10px;
    }
    .cost__head {
        max-width: 23rem;
    }
    .road__info-right .road-text-body {
        max-width: 100%;
    }
    .road-text-body p:first-of-type {
        font-size: 16px;
        max-width: 100%;
    }
    .metlab .metlab__desc {
        max-width: 6.4rem;
        bottom: 0.4rem;
        position: absolute;
    }
    .metlab__head .head-litera {
        top: 46%;
        left: 0%;
        width: 75%;
    }
    .case__steps_tab-body p:first-of-type {
        font-size: 14px;
    }
    .case__point-item ul li::before {
        top: 0.2rem;
    }
	#buildHero2.building h1 {
    font-size: 2rem;
}
	#buildHero2.building .hero__head h1 + p {
    padding-top: 1rem;
}
}

/*
==============================
      xs 499 - Смартфоны (414)
==============================
*/
@media (max-width: 414px) {
		.hero__head ul{
		        font-size: 16px;
	}
    .case__point-item ul li {
        font-size: 12px;
        line-height: 1.5;
    }
    .mobile-icon,
    .active.mobile-icon {
        top: 33px;
        right: 2rem;
    }
    .advantages__item.big .advantages__item-bg {
        padding: 30px 19px 137px;
    }
    .company__kartBlock-inside {
        height: 49%;
        width: 90%;
        top: -3rem;
        transform: translate(-53%);
        left: 50%;
    }
    .company__kartBlock p {
        font-size: 16px;
    }
    .company__kartBlock {
        transform: rotate(5deg) translate(24px, -69px);
        width: 88%;
    }
    .company {
        padding-bottom: 43rem;
    }
    .company__send {
        bottom: -8rem;
        position: absolute;
    }
    .company__content {
        margin: 0 -7rem -3rem;
    }
    .company__block.gray-box {
        position: relative;
    }
    /* .company {
        padding-bottom: 44rem;
    }
    .company__send {
        margin: 11rem auto -19rem;
    }
    .company__content {
        margin: 0 -7rem -14rem;
    } */
    .hero__block-right {
        top: 8.2rem;
    }
    h1 {
        font-size: 36px;
    }
    .home p.h1 {
        font-size: 36px;
    }
    .company__block .company-bg {
        left: auto;
        width: 122%;
        right: -102%;
    }
    .company h2 {
        margin-left: -6.8rem;
        margin-right: 6.8rem;
    }

    .caseForm__block__content h2 {
        font-size: 18px;
    }

    .sendCase .noice-box {
        padding: 1rem;
    }
    .case__steps_nav-element {
        flex: 1 1 37%;
    }
    .case__body-search-icon {
        display: none;
    }
    .header__block.gray-box {
        padding: 19px 10px;
        padding-right: 4.3rem;
    }
    .hero__block.violet-block .btn-txt-box {
        background: #fff;
    }
    .hero__block.violet-block .btn {
        color: var(--txt-color);
        width: 100%;
    }
    .hero__block.violet-block .btn-svg-box {
        background: #fff;
    }
    .hero__block.violet-block .btn .btn-svg-box path {
        stroke: var(--txt-color);
    }
    .footer__phone {
        font-size: 28px;
    }
    .search h1 {
        font-size: 32px;
    }
    .search-button {
        padding: 18px 26px;
    }
    .search-field {
        padding: 18px;
    }
    .portfolio-main__tab.reset span a {
        font-size: 12px;
    }
    .portfolio-main__tab {
        margin: 0 10px 3px 0;
    }
    .portfolio-main__tabs-head {
        gap: 3px;
    }
    .portfolio-main__tab span {
        font-size: 12px;
        border-radius: 8px;
        padding: 5px 8px 6px 13px;
    }
    .casesHead__heading h1 {
        font-size: 36px;
    }
    .archive .container {
        padding: 0 1rem;
    }
    .cost__footer-row .button .btn span {
        padding: 1.85rem 14px;
    }
    .btn span {
        font-size: 14px;
    }
    .noice-box {
        padding: 20px 12px;
        border-radius: 18px;
    }
    .director .noice-box {
        padding: 20px 5px;
    }
    .pain .noice-box {
        padding: 0 0 26px;
        border-radius: 18px;
    }
    .director__content-body-text::before,
    .director__content-body-text::after {
        font-size: 35px;
    }
    .director__content-body-text p {
        margin-bottom: 1.5rem;
    }
    .director__content-body {
        font-size: 14px;
    }
    .director h2 {
        font-size: 20px;
    }
    .director__content {
        padding: 0px 0 20px;
        padding-bottom: 22rem;
    }
    .run h2 {
        font-size: 30px;
    }
    .run__item.run__item-head {
        padding: 26px 1.5rem 34px;
    }
    .pain .eblya-box h2 {
        line-height: 0.3;
    }
    .marketing .head-litera {
        top: 82%;
        left: 57%;
        width: 25%;
    }
    .marketing__head h2 + p {
        font-size: 16px;
        max-width: 15rem;
    }
    .pain .eblya-box code {
        font-size: 32px;
    }
    .marketing__head h2 {
        font-size: 24px;
    }
    .pain-bg {
        height: auto;
        width: 200%;
        left: -1rem;
    }
    .pain__content-item {
        min-width: 100%;
    }
    .pain__desc {
        max-width: 6.2rem;
    }
    .marketing__head {
        padding: 0;
    }
    .cases__head {
        margin-bottom: 26px;
    }
    .cases__head h2 {
        font-size: 32px;
    }
    .company__send-form {
        border-radius: 20px;
    }
    .form .btn .btn-txt-box,
    .form .btn:visited .btn-txt-box,
    .form .btn:focus .btn-txt-box,
    .form .btn:active .btn-txt-box,
    .btn .btn-txt-box {
        width: calc(100% - 73px);
        min-width: auto;
    }
    .btn-svg-box {
        flex: 0 0 66px;
    }
    .company__send-block {
        padding: 14px 14px;
    }
    .form .btn span {
        padding: 1.15rem 15px;
        font-size: 11px;
    }
    .advantages__item.gray-box {
        padding: 0;
    }
    .advantages__item.big p:first-of-type {
        font-size: 18px;
    }
    .portfolio-main__card .tags span {
        font-size: 10px;
    }
    .portfolio-main__card .tags {
        flex-wrap: wrap;
    }
    .product-semilar h2 {
        font-size: 32px;
    }
    .case h2 {
        font-size: 24px;
    }
    .case__desc p:first-of-type {
        font-size: 20px;
    }
    .case h1 {
        font-size: 24px;
    }
    .case-cart-slider-small .slick-slide.slick-center .case-cart-image-small .fullImage {
        width: 142px;
    }
    .arrow__head-subhead {
        font-size: 22px;
    }
    .arrow__block {
        padding: 0 1rem;
    }
    .btn-txt-box {
        min-width: 226px;
    }
    .hero__block-image img.ars {
        max-width: 180%;
        right: -13.1%;
    }
    .cases__desc p:first-of-type {
        font-size: 12px;
    }
    .eblya-box h2 {
        /* text-align: left; */
    }
    .cost h2 + p {
        font-size: 26px;
    }
    .services__item_head-box {
        max-width: 100%;
        padding: 0rem;
    }
    .cost h2 {
        /* font-size: 26px; */
    }
    .cost__content-cart {
        border-radius: 18px;
    }
    .cost__content-cart {
        padding: 20px 20px;
    }
    .cost__footer-row .button {
        flex: 0 0 100%;
    }
    .cost__tabs.gray-box {
        padding: 10px 10px;
        border-radius: 24px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    .cost__footer-row .form-group {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .cost__nav-item {
        font-size: 12px;
    }
    .cost__nav-item span {
        font-size: 12px;
    }
    .work__item {
        min-height: 246px;
        border-radius: 20px;
    }
    .road__block-head {
        font-size: 20px;
    }
    .eblya-box code {
        font-size: 34px;
    }
    .violet-block {
        border-radius: 20px;
    }
    h1 {
        font-size: 34px;
    }
    .home p.h1 {
        font-size: 34px;
    }
    .hero__block-right p.h2 {
        font-size: 34px;
    }
    .hero__block {
        padding: 27px 20px 3rem 20px;
    }
    .subHead {
        margin-bottom: 1.5rem;
    }
    .metlab .container {
        padding: 0 1rem;
    }
    .container {
        /* padding: 0 0rem; */
    }
    .services__item.gray-box {
        border-radius: 18px;
    }
    .services__item_desc {
        font-size: 11px;
    }
    .metlab .eblya-box h2 + p code {
        font-size: 20px;
    }
    .road {
        margin-top: -6rem;
    }
    .metlab__image {
        display: none;
    }
    .metlab .eblya-box h2 {
        font-size: 32px;
    }
    .services__item {
        flex: 1 1 calc(50% - 6px);
    }
    .hero__block-right-p p {
        max-width: 9.6rem;
    }
    .hero__block-right-p svg {
        width: 2rem;
    }
    .hero__buttons {
        width: 100%;
    }
}

@media (max-width: 390px) {
    .hero__block-right .hero__block-right-p p {
        max-width: 147px;
        font-size: 14px;
    }
    .hero__block-left {
        padding-bottom: 339px;
    }
    .hero__block-right p.h2 {
        font-size: 32px;
    }
    .hero__block-right {
        right: 10px;
        top: 7.6rem;
    }
    .hero__block {
        padding: 27px 10px 3rem 10px;
    }
    .run__item_num {
        /* font-size: 203px;
        bottom: -65px;
        right: 39px;
        letter-spacing: -40px; */
    }
    .run__item-7 .run__item-bg {
        display: none;
    }
    .advantages__image {
        margin-bottom: -165px;
    }
    .advantages__item-head p {
        margin-bottom: 0;
    }
    .run__item-14 {
        grid-row-start: 3;
        grid-row-end: 3;
        grid-column-start: 2;
        grid-column-end: 5;
    }
    .road-footer {
        margin-bottom: 6rem;
    }
    .sendCase h2 {
        font-size: 23px;
    }
    #footer .header__desc {
        max-width: 102px;
        padding: 16px 0px 0 0px;
        margin: 0 auto;
    }
    .search-button.btn {
        width: auto;
    }
    .hero__block-right .subHead {
        /* display: block;
        max-width: 5.8rem;
        bottom: auto;
        top: 2rem;
        right: 10px;
        text-align: center; */
    }
    .hero__block-image-name {
        right: 10px;
        max-width: 12rem;
    }

    .hero__head p {
        max-width: 270px;
        font-size: 18px;
        bottom: 10px;
    }
    .road__footer-txt {
        font-size: 20px;
    }
    .road__block-head p,
    .road__block-head h2 {
        font-size: 28px;
    }
    .road-text-date span {
        font-size: 52px;
    }
    .road-text-date span {
        letter-spacing: -5.7px;
    }
    .road__info-left .run__item-icon {
        top: 20px;
        right: 10px;
    }
    .road-text-info {
        font-size: 16px;
    }
    .road__info-left .road-text-info {
        max-width: 11rem;
    }
    .road__info .noice-box {
        /* padding: 18px 14px; */
        padding: 10px 10px 10rem;
    }
    .road__info .road__info-left .noice-box {
        padding: 18px 14px;
    }
    .road-text {
        align-items: flex-start;
    }
    .metlab .eblya-box code {
        font-size: 30px;
    }

    .metlab {
        padding: 80px 0 40px;
    }
    .company__send-block {
        padding: 14px 0px 0;
    }
    .btn {
        width: 100%;
    }

    .hero__buttons {
    }

    .hero__block-image img.ars {
        max-width: 204%;
        right: -25.1%;
    }
    .btn span {
        padding: 1.25rem 1rem;
    }
    .cases__footer {
        padding: 16px 15px;
        font-size: 14px;
    }
    .hero-bottom-info {
        max-width: 5.8rem;
        bottom: auto;
        top: 2rem;
        right: 10px;
        text-align: center;
    }
    .hero-bottom-info br,
    .hero-bottom-info span {
        display: none;
    }
}

/*
==============================
      xs 499 - Смартфоны (375)
==============================
*/
@media (max-width: 375px) {
	
    .metlab .metlab__desc {
        bottom: 5.4rem;
    }
    .search-button.btn span {
        display: none;
    }
    .search-button.btn .search-button-mobile {
        display: block;
    }
    .search-button.btn .search-button-mobile img {
        filter: invert(1);
    }
    h1 {
        font-size: 33px;
    }
    .home p.h1 {
        font-size: 33px;
    }
    .hero__block-right p.h2 {
        font-size: 33px;
    }
    .hero__block {
    }
    h2 {
        font-size: 33px;
    }
    .services__item.services__item_head {
        min-height: 100px;
    }
    .services__item.gray-box {
        padding: 57px 10px 23px;
        min-height: 265px;
    }
}

/*
==============================
      xs 359 - Смартфоны (360)
==============================
*/
@media (max-width: 360px) {
    .work__head .head-litera {
        width: 38%;
    }
    .hero__block-right {
        top: 7.6rem;
    }
    .eblya-box code {
        font-size: 30px;
    }
    .search-products-list .product__content-name {
        font-size: 0.9rem;
    }
    .hero__block-right {
        right: 10px;
    }
}

/*
==============================
xs 359 - Смартфоны (320)
==============================
*/
@media (max-width: 359px) {
    h1 {
        font-size: 26px;
    }
    .home p.h1 {
        font-size: 26px;
    }
    .hero__block-right p.h2 {
        font-size: 26px;
    }
    .btn {
        font-size: 0.8rem;
    }
    .eblya-box code {
        font-size: 26px;
    }
    .footer__phone {
        font-size: 27px;
    }
    .cost__footer-row .button .btn span {
        padding: 1.45rem 11px;
    }
    .search-field {
        padding: 11px;
    }
    .search-button.btn {
        padding: 11.8px 14px;
    }
    h2 {
        font-size: 32px;
    }
}