@media screen and (max-width: 1024px){
    .items {
        width: 90%;
        flex-direction: column;
    }

    .item {
        width: 100%;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        height: initial
    }

    .item img {
        width: 30%;
    }

    .item h2 {
        margin-left: 10%;
        text-align: left;
        margin-bottom: 10px;
    }

    .item p {
        margin: 0;
        margin-left: 10%;
        text-align: left;
        padding: 0;
    }

    .carousel {
        overflow: auto !important;
    }

    .carousel-items {
        flex-direction: column;
    }

    .btn:not(.buttons .btn):not(.order_btn):not(.cart_btn) {
        display: none !important;
    }



}