@media only screen and (max-width:6880px) {
    .item-type {
        grid-area: item-type;
        padding-left: 40%;
        height: 100%;
        margin-top: -12.5vw
    }

    .item-descr {
        height: 12vw;
        width: 100%;
        overflow: hidden;
        padding: 0vw .2vw
    }
}

@media only screen and (max-width:1500px) {
    .item-descr {
        height: 13vw
    }

    .item-type {
        margin-top: -7.7vw
    }
}

@media only screen and (max-width:900px) {
    .amazon-blk {
        padding: 0;
        width: 100% !important
    }

    .item-category {
        padding: 2vw 0 0 0
    }

    .item-descr {
        height: 13vw
    }

    .item-type {
        margin-top: -12vw;
        padding-left: 49%
    }
}

@media only screen and (max-width:575px) {
    .grid-container {
        display: grid;
        grid-template-columns: 35% 65%;
        grid-template-areas: "item-img item-img""item-type item-type""item-info item-info"
    }

    .item-info {
        padding-top: 5vw
    }

    .item-img-category {
        display: block;
        width: 80%;
        background: #000;
        padding: 3vw 0 0 0
    }

    .item-img-category h1 {
        font-size: 4vw;
        line-height: 6vw
    }

    .item-img img {
        width: 90%
    }

    .item-category {
        display: none
    }

    .item-header {
        height: 16vw;
        width: 100%
    }

    .item-header img {
        width: 15vw
    }

    .item-header h2 {
        font-size: 6.5vw;
        line-height: 6vw
    }

    .item-type {
        margin-top: -25vw
    }

    .item-type img {
        width: 30vw
    }

    .all-natural {
        padding: 5vw .2vw !important
    }

    .item-descr {
        height: 50vw;
        width: 75%;
        margin: auto
    }

    .item-descr p {
        font-size: 3.5vw;
        line-height: 4vw;
    }

    .no-artificial {
        height: 9vw
    }

    .no-artificial h5 {
        font-size: 2.5vw;
        line-height: 2vw
    }

    .container2 {
        padding: 0 10%
    }

    .amazon-blk .btn-nfacts a {
        width: 46vw;
        height: 6vw;
        font-size: 3vw;
        line-height: 6vw
    }

    .amazon-blk .btn-amazon a {
        width: 36vw;
        height: 6vw;
        font-size: 3vw;
        line-height: 6vw
    }

    .btn-amazon {
        padding-top: 3vw !important;
    }
}

@media only screen and (max-width:399px) and (min-height:800px) {
    .item-img-category h1 {
        font-size: 5vw;
        line-height: 9vw
    }

    .item-descr {
        height: 90vw;
        padding-top: 5vw
    }

    .item-descr p {
        font-size: 4vw;
        line-height: 4.5vw
    }

    .no-artificial h5 {
        font-size: 3.5vw;
        line-height: 3vw
    }

    .amazon-blk ul li {
        padding: 0 0 10px 0
    }

    .amazon-blk .btn-nfacts a {
        width: 60vw;
        height: 9vw;
        font-size: 3.5vw;
        line-height: 9vw
    }

    .amazon-blk .btn-amazon a {
        width: 42vw;
        height: 9vw;
        font-size: 3.5vw;
        line-height: 9vw
    }
}