@media (max-width: 400px) {
    body {
        font-size: 11px;
        font-weight: 500;
        color: #636363;
    }

    .main-container {
        width: 100%;
        padding: 0 10px;
    }

    .res320 {
        display: block !important;
        padding: 0 0;
    }

    #market-desc {
        font-size: 11px;
    }

    /*.header {
        display: none;
    }*/
    .section-title h2 {
        font-size: 20px;
        letter-spacing: -0.9px;
    }

    /*.information {*/
    /*    display: none;*/
    /*}*/
    .information-320 {
        display: block !important;
    }

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

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

    .footer-cols {
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 24px 12px;
    }

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

    .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;
    }

    .thumb-saving {
        display: flex;
        margin-bottom: 10px;
        padding: 0;
    }

    .thumb-saving-text__title {
        font-size: 16px;
        font-weight: 700;
        color: #000000;
    }

    .thumb-saving-text__desc {
        font-size: 11px;
        font-weight: 500;
        line-height: 150%;
        margin-top: 10px;
    }

    .demo, .demo-navbar, .yellow-button {
        display: none;
    }

    .technologies {
        margin-top: 20px;
    }

    .boxes {
        padding-top: 30px;
        max-width: 137px;
        display: block !important;
    }

    .col-6 {
        width: 80%;
    }

    .tech-badge {
        width: 50%;
    }

    .thumb-saving__pic {
        padding: 0 10px 0 2px;
    }

    .thumb-saving__pic img {
        max-width: 24px;
        align-self: flex-start;
        padding-top: 5px;
    }

    .wrapper-info__title {
        padding: 0;
    }

    .stack-bar {
        margin-bottom: 30px;
        margin-top: 10px !important;
        justify-content: center;
    }

    .functions {
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .mt-5 {
        margin-top: 5px !important;
    }

    .thumb-saving {
        padding: 0 !important;
    }

    .wrapper-info__desc {
        font-weight: 700;
        font-size: 16px;
        margin-top: 10px;
        line-height: 25.6px;
    }

    .top-wrapper {
        padding-top: 24px;
        padding-bottom: 32px;
    }

    .wrapper-info__pic {
        display: none;
    }

    .row .contacts {
        flex-direction: column;
        position: relative;
    }

    .contacts {
        width: 100%;
    }

    .col-sm-12 {
        margin-top: 10px;
    }

    .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;
    }

    .banner-desc {
        font-size: 11px;
        padding: 0 12px 24px 12px;
        margin-top: 16px;
    }

    .banner-desc-item {
        color: #D9D9D9;
        font-size: 12px;
        margin-bottom: 8px;
    }

    .boxes-320 {
        max-width: 87px;
    }

    .boxes-320-lg {
        max-width: 137px;
    }

    #our_team {
        display: none;
    }

    .nav-panel {
        display: none;
    }

    .map-logo {
        max-width: 64px;
        top: 210px;
    }

    .web-tsd-logo {
        top: 190px;
        max-width: 72px;
    }

    .cloud {
        max-width: 62px;
        top: 82%;
        left: 15%;
    }

    .prod-banner {
        max-width: 400px;
        max-height: 320px;
    }

    .prod-title {
        font-size: 24px;
        top: 30px;
        width: 100%;
        padding-left: 5%;
        padding-right: 5%;
    }

    .high-res {
        display: none;
    }

    .map-img {
        display: none;
    }

    .drone-placeholder {
        height: 15%;
    }

    .drone {
        right: 100px;
        top: 0;
        max-width: 68px;
    }

    .prod-func-img {
        max-width: 131px;
    }

    .ship {
        max-width: 202px;
        position: absolute;
        left: 50px;
    }

    .black-cloud {
        position: absolute;
        max-width: 31px;
        left: 40px;
        top: 5%;
    }

    .stack-container {
        margin-top: 20px;
    }

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

    .col-5 {
        width: 100%;
    }

    .pt-5 {
        padding-top: 5% !important;
    }

    .pb-5 {
        padding-bottom: 5% !important;
    }

    .mb-5 {
        margin-bottom: 5% !important;
    }

    h2 {
        font-weight: 700;
        font-size: 20px;
        color: #000000;
    }

    .thumb-saving-text__desc.products {
        font-size: 11px;
        font-weight: 500;
        text-align: start;
        line-height: 150%;
    }

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

    .product-full-img {
        max-width: 212px;
    }

    .product-full-img-holder {
        display: flex;
        justify-content: center;
    }

    .thumb-saving-half .thumb-saving {
        width: 100%;
        margin: 0 25px 24px 0px;
    }

    .thumb-saving__pic {
        padding: 0 10px 0 0px;
    }

    .information {
        margin-top: 15px;
        padding: 0 2px;
    }

    .thumb-saving-half {
        margin-top: 18px;
        margin-bottom: 0;
    }

    .bottom-pic {
        padding: 0;
    }

    .bottom-pic img {
        width: 100px;
    }

    .contact-mail, .contact-req, .contact-address {
        font-weight: 500;
        font-size: 11px;
        line-height: 160%;
        color: #636363;
        margin-top: 24px;
    }

    .contact-section {
        padding-left: 0;
    }

    .contact-map {
        overflow: hidden;
        height: 400px;
        width: calc(100% + 18px);
        margin-left: -8px;
    }

    .main-banner {
        position: absolute;
        height: 230px !important;
        z-index: 10;
    }

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

    .banner-title br {
        display: inline-block !important;
    }

    .plane-img {
        width: 125px;
    }

    .banner-desc-item {
        font-size: 12px;
        margin-bottom: 8px;
    }

    .tech-badge {
        font-size: 12px;
        width: 100%;
    }

    .tech-badge img {
        width: 71px;
    }

    .target-audience {
        padding-right: 7%;
        padding-left: 7%;
        padding-bottom: 30px;
    }

    .prod-description {
        font-size: 11px;
        top: 30%;
    }


    .prod-description.exchange {
        padding-top: 60px;
    }

    .marketplace-badge {
        max-width: 40%;
        max-height: 80px;
        margin-right: 2%;
    }

    .marketplace-badge:not(:first-child) {
        margin-left: 0;
    }

    .marketplace-badge-panel {
        flex-wrap: wrap;
    }

    .marketplace-badge:nth-child(n + 2) {
        z-index: 2;
    }

    .marketplace-badge:nth-child(-n + 2) {
        position: relative;
        z-index: 1;
        margin-bottom: -40px;
        align-items: flex-start;
    }

    .marketplace-badge img:nth-child(-n + 2) {
        margin-top: 10px;
    }

    .logistics-img {
        max-width: 140px;
    }

    .pyramid {
        width: 21px;
    }

    .globe-exchange-panel {
        display: none;
    }

    .tech-badge.exchange {
        padding-right: 0;
    }

    .tech-badge.exchange:nth-child(1) {
        padding-left: 0;
    }

    .col-4.exchange {
        width: 100%;
    }

    .prod-description.management {
        font-size: 11px;
        width: 100%;
    }

    .conveyor-img-canvas {
        position: relative;
    }

    .truck {
        left: 90px;
        top: 50px;
    }

    .truck.map-product {
        display: none!important;
    }

    .flag {
        top: 90px;
        left: 230px;
    }

    .stack-title {
        text-align: left;
    }

    .stack-items {
        margin-top: 28px;
    }

    .stack-item {
        font-size: 12px;
        line-height: 17px;
        margin-bottom: 27px;
    }

    .stack-item img {
        width: 71px;
    }

    .select-menu {
        display: block;
    }

    .steps {
        width: 90%;
        position: relative;
        margin-bottom: -80px;
    }

    #stepbar {
        display: flex;
        justify-content: center;
        margin-bottom: 80px;
    }

    .data-title {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .conveyor-img-canvas {
        height: 180px;
    }
    .images-sidebar {
        height: 350px;
    }
    .row {
        width: 100%;
    }
    .images-sidebar-720 {
        display: none;
    }
    .images-sidebar-320 {
        display: flex;
        width: 100%;
        height: 350px;
        justify-content: center;
        margin-bottom: 40px;
    }
    .vacancy-item-720 {
        margin-right: -30px;
    }
    .info-table {
        font-weight: 500;
        font-size: 11px;
        line-height: 160%;
        margin-left: -20px;
    }
    .yellow-button {
        display: none;
    }
}

@media (max-width: 500px) {
    .steps {

    }
    .small-text {
        font-weight: 500;
        font-size: 11px;
        line-height: 160%;
        text-align: center;
    }
    .white-logistics-720 {
        display: none;
    }
    .small-text br {
        display: none;
    }


    .text-with-button {
        flex-direction: column;
        text-align: center;
        justify-content: center;
        border-top: #D9D9D9 solid 1px;
        padding-top: 5%;
        margin-top: 5%;
    }

    .button-placeholder {
        display: flex;
        justify-content: center;
        padding-top: 5%;
    }
    .pyramid {
        display: none;
    }
    #products-img-earth {
        display: none;
    }
    .vacancy-item-720 {
        max-width: 120px;
    }
    .popup-menu ul li.active:before {
        display: none;
    }
    .yellow-button.text {
        display: none;
    }
    .yellow-button {
        display: none;
    }
    #select-menu {
        display: block;
    }
}
@media (max-width: 320px) {
    .conveyor-img-320 {
        display: block;
    }
    .conveyor-img-720 {
        display: none;
    }
    .vacancy-item-720 {
        margin-right: -40px;
    }

    .popup-menu ul li:before {
        display: none;
    }
}