@media only screen and (max-width: 600px) {
    .navbar {
        display: flex;
        text-align: center;
        gap: 1vh;
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .navbar>.center-bar {
        position: relative !important;
    }

    .header {
        top: 20vh;
    }

    .header>.title {
        font-size: 4vh;
    }

    .newest>.left>.text>.title {
        font-size: 3vh;
    }

    .newest>.left>.text>.description {
        font-size: 2vh;
        widtH: 60%;
        text-align: center;
    }

    .newest>.left {
        align-items: center;
    }

    .newest>.right>img {
        width: 26vh;
    }


    .newest>.right>.shadow {
        width: 38vh;
        height: 23vh;
        top: -51px;
        left: -60px;
    }

    .header>.new>.type,
    .header>.new>span {
        font-size: 1vh;
    }

    .newest>.left>.text {
        align-items: center;
    }

    .newest {
        flex-direction: column !important;
    }

    .containers>.ai,
    .services {
        display: none
    }

    .static>.numbers {
        flex-direction: column;
    }

    .static>.text>.description {
        font-size: 7vh;
    }

    .items-container {
        height: 130vw;
    }

    .chat-container {
        top: 55%;
    }

    .container>.header {
        margin: 0;
    }

    .header>.types>div {
        font-size: 0.75vh
    }

    .featured>.heading>span {
        display: none;
    }

    .header>.featured>.heading {
        width: 100%;
    }

    .header>.featured>.context {
        right: 1vh;
    }

    .bg-small {
        top: 21vh;
    }

    .container {
        top: 25vh;
    }

    .container>.top>.steps {
        left: 0;
    }

    .container>.top>.steps>.step>.number {
        width: 2.5vh;
        height: 2.5vh;
    }

    .container>.top>.steps>.step>.label {
        text-align: center;
    }

    .container>.top {
        display: flex;
        flex-direction: column;
        gap: 2vh;
        align-items: center;
    }

    .container>.top>.title {
        position: relative;
        left: 0;
        transform: none;
    }

    .product {
        flex-direction: column;
        align-items: center;
    }

    .product>.left>.top,
    .product>.left>.center,
    .product>.left>.bottom,
    .product>.left {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .product>.right>img {
        width: 100%;
    }

    .container>.bottom>.info>.text {
        font-size: 1.5vh
    }

    .container>.bottom>.checkout>.clearcart-button,
    .container>.bottom>.checkout>.checkout-button {
        font-size: 1.5vh
    }

    .container>.center>.boxs {
        gap: 1vh;
    }

    .boxs>.box {
        width: 100%
    }

    .textcontent.center .content {
        width: 90%;
    }
}