@media (max-width: 920px) {
    .main-container {
        width: 100%;
        padding: 0 12px;
    }
    .nav-panel {
        display: none;
    }
    .menu-container__menu {
        display: none;
    }

    .menu-container {
        display: flex;
        padding: 5px 1px 5px 10px;
        align-items: center;
    }

    .menu-container__logo img {
        max-width: 100px;
    }

    .nav-button {
        display: block!important;
        padding: 17px 12px 17px 12px;
    }

    .nav-button img {
        width: 24px;
    }
    .section-row {
        display: block!important;
    }
    .thumb-absolute-pic,
    .section-pic {
        display: none;
    }
    .thumb-saving-half .thumb-saving {
        width: 100%;
        margin: 0 25px 24px -10px;
        padding: 0;
    }
    .thumb-saving-half {
        margin-top: 40px;
    }

    .banner-content.main {
        display: none;
    }

    .banner-content-320 {
        display: block!important;
        margin: 0;
        max-width: 100%;
        width: 100%;
        height: unset;
    }
    .thumb-saving-text__title {
        font-size: 20px;
        font-weight: 700;
        color: #000000;
    }

    .banner__info {
        width: 100%;
    }

    .banner {
        height: unset;
        width: 100%;
    }

    .banner-text {
        width: 100%;
        padding: 0;
        height: auto;
        overflow: visible;
    }

    .banner-title {
        font-size: 39px;
        padding: 16px 0 16px 30px;
        font-weight: 700;
        color: #000000;
    }


    .banner__img {
        min-height: 230px;
        width: 100%;
        position: relative;
        padding: 0;
        flex: unset;
    }

    .main-banner {
        height: auto!important;
    }

    .section-title h2 {
        font-size: 24px;
    }

    .section-title__bg {
        top: 6px;
        left: 0;
        right: -31px;
        height: 38px;
        margin-left: calc(12% + 20px);
    }

    .section-title__bg-figure {
        top: -102px;
        right: -85px;
    }

    .information {
        margin-top: 38px;
    }

    .bottom-pic {
        display: block!important;
        text-align: center;
        width: 100%;
        padding: 40px 0 110px;
    }

    .top-wrapper {
        padding-top: 35px;
    }

    .wrapper-info__title {
        padding-top: 0;
    }

    .wrapper-info__desc {
        margin-top: 5px;
        font-weight: 700;
        font-size: 20px;
    }

    .wrapper-info__pic {
        margin-top: 38px;
    }

    .wrapper-info__pic img {
        width: 100px;
    }

    .products-main {
        margin-left: 0;
    }

    .thumb-saving-text__title {
        font-weight: 700;
        font-size: 20px;
    }

    .thumb-saving-text__desc {
        font-weight: 500;
        font-size: 14px;
    }
    .plane-img {
        width: 186px;
    }

    .contact-pic {
        display: none;
    }
    .contact-map {
        overflow: hidden;
        height: 400px;
        width: calc(100% + 58px);
        margin-left: -33px;
    }
    .contact-address br,
    .contact-req br {
        display: none;
    }
    .contact-address,
    .contact-req {
        font-size: 14px;
    }
    .contact-personal-info {
        padding-top: 15px;
        font-size: 12px;
    }

    .banner-blue-bg {
        display: none;
    }
    .banner-black-320 {
        display: block!important;
        background: #000000;
    }
    .banner-blue-320 {
        display: block!important;
        background: #EDF2FF;
    }
    .banner-grey-320 {
        display: block!important;
        background: #F1F3F4;
        padding-top: 26px;
    }
    .banner-title {
        padding-left: 12px;
    }
    .banner-desc {
        font-size: 11px;
        padding: 0 12px 24px 12px;
        margin-top: 16px;
    }
    .banner-desc-item {
        color: #D9D9D9;
        font-weight: 700;
        font-size: 14px;
        margin-bottom: 20px;
    }
    .desc-image {
        display: block!important;
        text-align: center;
        margin-bottom: 30px;
    }
    .banner-black-320 {
        padding-top: 15px;
    }
    .banner-blue-320 {
        padding-top: 26px;
    }
    .boxes-320 {
        width: 115px;
    }
    .vector-img {
        width: 106px;
        margin-left: 30px;
        height: 112px;
    }

    .hide-920 {
        display: none!important;
    }
    #our_team .col-6 {
        width: 100%;
    }
    .ts-about {
        margin-left: 0;
    }
    .thumb-saving {
        padding: 24px 10px 0;
    }
    .product-description .thumb-saving {
        padding: 8px 10px 0;
    }
    #our_team {
        margin-top: 32px;
    }
    #technology_stack {
        margin-top: 32px;
    }
    .tech-badge {
        width: 30%;
    }
    .prod-func-img {
        width: 200px;
    }
    .stack-container {
        margin-top: 40px;
    }
    .woman-counts {
        display: none;
    }
    .boxes-3 {
        display: none;
    }
    .truck {
        width: 130px;
    }
    .flag {
        top: 20px;
    }
    .prod-description.management {
        font-size: 18px;
        width: 80%;
    }
    .prod-title.management {
        padding-left: 5%;
        padding-right: 5%;
    }

    .stack-item {
        width: 35%;
        font-size: 18px;
        font-size: var(--font-size-p);
        color: #636363;
        margin-bottom: 43px;
    }

    .stack-items {
        margin-bottom: 0;
    }

    .stack-item img {
        max-height: 100px;
        max-width: 100px;
    }

    .stack-section {
        margin-bottom: 40px;
        margin-top: 40px;
    }
    .conveyor-img-canvas {
        height: 180px;
    }
    .stack-section.conv {
        margin-top: 10px;
    }
    #product-bottom-info.col-6 {
        width: 100%;
    }
    /*.ship {
        max-width: 400px;
        position: absolute;
        left: 50px;
        top: 10px;
    }

    .black-cloud {
        position: absolute;
        max-width: 62px;
        left: 40px;
        top: 20px;
    }
    .drone {
        top: 0;
        max-width: 134px;
    }
    .x-mark {
        position: absolute;
        left: 350px;
        bottom: 90px;
    }

    .arrow-2 {
        position: absolute;
        max-width: 61px;
        left: 50px;
        bottom: 40px;
    }

    .ship-placeholder {
        height: 180px;
        position: relative;
        margin-top: 20px;
    }

    .images-sidebar {
        width: 100%;
        height: 600px;
        position: relative;
    }*/
    .images-sidebar {
        display: none;
    }
    .images-sidebar-720 {
        display: flex;
        width: 100%;
        height: 700px;
        justify-content: center;
        margin-bottom: 80px;
    }
    #products-img {
        display: none;
    }
    .product-description {
        flex-wrap: wrap;
    }
    .product-description-container {
        width: 100%;
        flex: unset;
        margin-right: 0;
    }
    .text-with-button {
        margin-top: 31px;
    }

    .product-description {
        display: flex;
    }
    .product-advantages {
        margin-top: 24px;
        margin-bottom: 0;
    }
    .product-description .thumb-saving-text__desc {
        padding-top: 3px;
    }
    .small-text {
        font-weight: 500;
        line-height: 160%;
        text-align: center;
    }
    .col-5 {
        width: 100%;
    }
    .col-5.pt-5 {
        padding-top: 0 !important;
    }
    .col-5.pt-5:nth-child(1) {
        padding-top: 3rem !important;
    }
    #functions {
        padding-top: 0;
    }
    .row.mt-4 {
        margin-top: 0 !important;
    }
    .thumb-saving-text__desc.products {
        font-size: 16px;
    }
    .prod-title {
        font-size: 39px;
    }
    .globe-exchange {
        display: none;
    }
    .marketplace-badge {
        width: 172px;
    }
    .vacancy-navbar-720 {
        display: flex;
        justify-content: flex-end;
    }
    .vacancy-item-720 {
        position: relative;
        margin-right: -10px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 8px 12px;
        font-size: 11px;
        font-weight: 500;
        gap: 8px;
        background: #F2D34C;
        width: auto;
        height: 34px;
        box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12);
        border-radius: 8px;
        white-space: nowrap;
        cursor: pointer;
    }
    .vacancy-item-720 a {
        text-decoration: none;
        color: #000000;
    }
    .vacancy-item-720:nth-child(2) {
        background: #000000;
        width: 218px;
    }
    .vacancy-item-720:nth-child(3) {
        background: #D5DEF6;
        width: 144px;
    }
    .vacancy-item-720:nth-child(4) {
        background: #FFFFFF;
        width: 135px;
    }
    #vacancy-high-res {
        display: none;
    }
    .col-8 {
        width: 100%;
    }
    .offset-4 {
        margin-left: 20px;
        margin-top: 40px;
    }
    .vacancy-img-placeholder-720 {
        display: flex;
        justify-content: center;
        margin-top: 25px;
    }
    .vacancy-img-720 {
        max-width: 203px;
    }

    .medium-header.grey {
        font-size: 15px;
    }

    #product-bottom-info .wrapper-info__title {
        margin-top: 22px!important;
        margin-bottom: 3px!important;
    }
    #functions .col-5 {
        padding-left: 0;
        padding-right: 0;
        margin-right: 0;
        margin-right: 0;
    }
    .map-white-img-720 {
        display: block;
        position: absolute;
        bottom: 25px;
        right: 43px;
        max-width: 353px;
    }
    .white-globe {
        display: block;
        position: absolute;
        bottom: 25px;
        right: 70px;
        max-width: 221px;
    }
    .map-logo, .web-tsd-logo {
        top: 57%;
    }
    .prod-title {
        top: 15%;
    }
    .white-logistics-720 {
        display: block;
    }
    .prod-description {
        top: 60%;
    }
    .prod-description.exchange {
        top: 35%;
    }
    .white-globe-exchange {
        position: absolute;
        display: block;
        top: 62%;
    }
    .data-exchange-full {
        display: none;
    }
    .contacts-bar {
        font-size: 14px;
    }
    .header {
        height: 65px;
    }
    .margin-header {
        margin-bottom: 65px;
    }
}

@media (max-width: 750px) {
    .contacts-bar {
        font-size: 11px;
    }
}


@media (max-width: 720px) {
    .footer-cols {
        grid-template-columns: repeat(2, 1fr);
        gap: 28px;
        padding: 28px 10px;
    }

    .footer-col {
        font-size: 13px;
        gap: 10px;
    }

    .footer-col--accreditation .mintsifra-logo,
    .footer-col--brand .footer-brand-logo {
        max-width: 110px;
    }

    .footer-col--contacts {
        align-items: flex-start;
        text-align: left;
    }

    .footer-col--contacts a {
        font-size: 16px;
    }

    .conveyor-img-720 {
        display: block;
    }
    .conveyor-img-1280 {
        display: none;
    }
    .marketplace-badge {
        width: 170px;
    }
    .steps {
        width: 90%;
        position: relative;
        margin-bottom: -80px;
        z-index: -1;
    }
    #stepbar {
        justify-content: center;
    }
}

@media (max-width: 640px) {
    .vacancy-item-720 {
        margin-right: -20px;
    }
    .map-white-img-720 {
        display: none;
    }
    .white-globe {
        display: none;
    }
    .map-logo, .web-tsd-logo {
        top: 430px;
    }
    .cloud {
        left: 30px;
    }
}

@media (max-width: 660px) {
    .white-globe-exchange {
        display: none;
    }
    .prod-description.exchange {
        top: 50%;
    }
}

@media (max-width: 610px) {
    #market-desc {
        font-size: 14px;
    }

}

@media (max-width: 560px) {
    .vacancy-item-720 {
        margin-right: -20px;
    }
    .images-sidebar-720 {
        display: none;
    }
    .images-sidebar-320 {
        display: flex;
        width: 100%;
        height: 350px;
        justify-content: center;
        margin-bottom: 40px;
    }
    .prod-title {
        width: 80%;
    }
    .thumb-saving__pic {
        padding: 0 23px 0 0;
    }
    .thumb-saving__pic img {
        width: 32px;
    }

    #products-img-earth {
        width: 250px;
        left: calc(50% - 125px);
        margin: 20px auto 0;
    }
    .globe-exchange {
        display: none;
    }
    .data-exchange-full {
        margin-top: 20px;
        width: 280px;
        left: calc(50% - 135px);
    }
    .truck {
        left: calc(50% - 70px);
    }

    .popup-container {
        width: 100%;
        padding: 20px;
    }
    .popup-title {
        font-size: 18px;
    }
    .popup-menu ul li {
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        width: auto;
        text-align: center;
    }
    .popup-menu ul li.active {
        font-weight: 700;
    }
    .popup-menu {
        margin-top: 5px;
        margin-bottom: 28px;
    }
    .popup-close {
        padding: 25px 27px 12px;
    }
    .popup-close img {
        width: 20px;
    }
    .marketplace-badge {
        width: 130px;
    }
}