/*
 *	120em
 */
@media (min-width: 1920px)
{
}
/*
 *	85em
 */
@media (max-width: 1360px)
{
}
/*
 *	75em
 */
@media (max-width: 1200px)
{
    .product__grid
    {
        /*grid-template-columns: 10rem 1fr;*/
        /*grid-template-rows: auto 1fr auto;*/
    }
    .product__image
    {
        grid-row: 1 / 2;
    }
    .product__info
    {}
    .product__additives
    {
        grid-column: 1 / -1;
    }
    .product__buttons
    {
        grid-column: 1 / -1;
    }
    .additives
    {
        grid-template-columns: repeat(8,1fr);
    }

    /* .nav-catalog__list
    {
        display: none;
    }*/
    .nav-catalog__grid
    {
        grid-template-columns: auto;
        grid-auto-flow: column;
        justify-content: right;
    }
}
/*
 *	70em
 */
@media (max-width: 1120px)
{
}
/*
 *	65em
 */
@media (max-width: 1040px)
{
}
/*
 *	60em
 */
@media (max-width: 960px)
{
    .pd__box
    {
        grid-template-columns: 1fr;
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .pd__box > :nth-child(1)
    {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
    }
    .pd__box > :nth-child(2)
    {
        grid-column: 1 / 2;
        grid-row: 3 / 4;
    }
    .pd__box::after
    {
        grid-column: 1 / 2;
        grid-row: 2 / 3;
    }
    .pd__item
    {
        padding-left: 0;
        padding-right: 0;
    }

    .product__grid
    {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
    .product__slides
    {
        /*width: 100%;
        max-width: 20rem;
        margin-left: auto;
        margin-right: auto;*/
    }
}
/*
 *	55em
 */
@media (max-width: 880px)
{
    .slick-dots
    {
        transform: translateY(-50%);
    }
    .additives
    {
        grid-template-columns: repeat(4,1fr);
    }
    /*.nav-catalog__grid
    {
        grid-template-columns: 1fr auto;
    }*/
    /*.nav-catalog__tel
    {
        display: none;
    }*/
}
/*
 *	50em
 */
@media (max-width: 800px)
{
    .about__grid
    {
        grid-template-columns: 1fr;
    }
    .about__img img
    {
        max-height: 15rem;
    }
}
/*
 *	45em
 */
@media (max-width: 720px)
{
    .nav__grid
    {
        grid-template-columns: auto auto;
        justify-content: space-between;
    }
    /*.nav__tel
    {
        display: none;
    }*/
}
/*
 *	40em
 */
@media (max-width: 640px)
{
    /*.nav-catalog__grid
    {
        grid-template-columns: 1fr auto;
    }
    .nav-catalog__tel
    {
        display: none;
    }*/

    .catalog__product
    {
        grid-template-columns: 1fr 2fr;
        grid-template-rows: 1fr auto;
    }
    .catalog__product > :nth-child(1)
    {
        grid-column: 1 / 2;
        grid-row: 1 / -1;
    }
    .catalog__product > :nth-child(2)
    {
        grid-column: 2 / 3;
        grid-row: 1 / 2;
    }
    .catalog__product > :nth-child(3)
    {
        grid-column: 2 / 3;
        grid-row: 2 / 3;
    }
    .catalog__title
    {
        font-size: 1rem;
    }
    .catalog__ingredients
    {
        font-size: .8rem;
    }
}
/*
 *	35em
 */
@media (max-width: 560px)
{
    .nav-menu
    {
        grid-template-columns: 2rem 0 1fr 2rem;
    }
    .nav-menu__left
    {
        visibility: hidden;
    }


    .nav-catalog__grid
    {
        /*grid-template-columns: auto;*/
        /*justify-content: right;*/
    }
    /*.nav-catalog__tel
    {
        display: grid;
    }*/

    .product__grid
    {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
    .product__image
    {
        grid-row: auto;
        width: 100%;
        max-width: 15rem;
        margin: auto;
    }
    .product__info
    {}
    .product__additives
    {
        grid-column: auto;
    }
    .product__buttons
    {
        grid-column: auto;
    }
    .additives
    {
        grid-template-columns: repeat(3,1fr);
    }

    .nav-menu__list a
    {
        font-size: var(--fz-h3);
    }


    .cart__item
    {
        grid-template-columns: 1fr auto;
    }
    .cart__item > :nth-child(1)
    {
        display: none;
    }
}
/*
 *	30em
 */
@media (max-width: 480px)
{
    :root
    {
        --slider-content-indent-v: 4rem;
        --slider-content-indent-h: 2rem;
    }
}
/*
 *	25em
 */
@media (max-width: 400px)
{
}
/*
 *	20em
 */
@media (max-width: 320px)
{

}