@media only screen and (max-width: 900px) {
    main {
        padding: 24px;
    }

    .text-blok1,
    .aboutUs_blok {
        text-align: center;
        justify-content: center;
    }

    .text-content {
        align-items: center;
    }

    header .wrapper {
        flex-direction: column;
        padding: 20px 0;
    }

}
@media only screen and (max-width: 768px) {
    .laptop_img {
        order: -1;
    }

    .img_blok {
        order: -1;
    }

    .text-blok2 {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .aboutUs_blok {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .product-card {
        flex-direction: column;
        text-align: center;
    }
    .product-card-text-block {
        margin: 0;
    }
    .product-card-title {
        text-align: center;
    }

    
}


@media only screen and (max-width: 600px) {
    h1 {
        margin-top: 40px;
        font-size: 10px;
    }
    header .wrapper {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 12px;
        padding: 16px 0;
    }

    nav {
        justify-content: center;
        flex-wrap: nowrap;
        gap: 24px;
    }

    h1 {
        font-size: clamp(28px, 9vw, 40px);
    }

    h2 {
        font-size: clamp(20px, 6vw, 28px);
    }

    .text-content p, .describe p {
        text-align: center;
        font-size: 20px;
    }
    .laptop_img {
        order: -1;
    }

    .img_blok {
        order: -1;
    }
    

    header nav a,
    footer nav a {
        font-size: 12px;
    }

    .features_text {
        padding-left: 0;
        text-align: center;
        align-items: center;
        font-size: 20px;


    }

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

    .product-card-text-block {
        margin: 0;
        font-size: 20px;
    }
    .product-card-title {
        font-size: 18px;
        text-align: center;
    }
    .price {
        font-size: 16px;
    }
    .card_description {
        font-size: 14px;
    }

    .product-card-img {
        margin: 10px auto;
        max-width: 90%;
    }

    .button a{
        width: 100%;
        font-size: 16px;
        text-align: center;
    }
    

    .store_img {
        min-height: 180px;
    }

    .map {
        width: 400px;
        height: 300px;
    }
}