@media (min-width: 374px) and (max-width: 550px) {

    .absolute-left,
    .absolute-right {
        top: 5px;
    }

    .absolute-left {
        left: 5px;
    }

    .absolute-right {
        right: 5px;
    }

    .items {
        width: 100%;
        margin: auto;
        padding: 10px 10px;

        .item {
            width: 100%;

            .i-img {
                margin: auto;
                /* 
        width: fit-content; */

                img {
                    height: 35vw;
                }
            }

            p.item-name {
                font-size: .9rem;
            }

        }

        .item-price {
            font-size: 1rem;
        }

        .item-price.actual {

            .amount,
            .decimal {
                font-size: 0.65rem;
            }
        }

        .i-btn {
            padding: 0px;

        }

        .i-btn button {
            padding: 8px 10px;
            font-size: 0.7rem;
        }

        .i-btn i {
            font-size: 1rem;
        }
    }

    .d-rating {
        font-size: .8em;
    }

    .price-wrapper {
        gap: .5rem;
    }

    .items .item .i-dtls {
        font-size: 0.7rem;
    }

    /* Products Cards */
    .p-content {
        text-align: center;
        padding: 1rem;
        padding-bottom: .5rem;
    }

    .card-title {
        font-size: 1.1rem;
    }

    .card-subtitle {
        font-size: .8rem;
    }

    .card-image {
        /*  background: white; */
        height: 160px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

}

@media screen and (max-width: 373px) {

    .logo {
        span {
            display: none;
        }
    }

    .sections {
        padding-top: 60px;
        overflow: hidden;
    }

    .s-i-wraper,
    .i-wraper {
        grid-template-columns: repeat(1, 1fr);
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        position: relative;
        gap: 10px;
        padding: 0px;

    }

    .items {
        width: 100%;
        margin: auto;

        .item {
            .i-img {
                margin: auto;
                width: fit-content;

                img {
                    height: 40vw;
                }
            }

        }
    }

    /* ************************* Item style *************************** */
    .item-section {
        width: 100%;
        margin: auto;
        padding: 0px 10px;
    }

    .item-content-container {
        padding: 0px;

        .slideshow {
            height: 300px;

            img {
                width: 75px;
                height: 75px;
                object-fit: fill;
            }
        }

        .item-container {
            width: 100%;
        }
    }

    .items .price-wrapper {
        padding: 0px;
        gap: 0.5rem;
    }

    .items .decimal {
        font-size: 0.5rem;
    }

    .i-btn {
        padding: 0px;

    }

    .i-btn button {
        padding: 8px 10px;
        font-size: 0.7rem;
    }

    .i-btn i {
        display: none;
    }

    /* Products Cards */
    .p-content {
        text-align: center;
        padding: 1rem;
        padding-bottom: .5rem;
    }

    .card-title {
        font-size: 1.1rem;
    }

    .card-subtitle {
        font-size: .8rem;
    }

    .card-image {
        /*  background: white; */
        height: 160px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media screen and (max-width: 319px) {

    .s-i-wraper,
    .i-wraper {
        grid-template-columns: repeat(1, 1fr);
    }
}