@media print,
(max-width: 1279px)
{
    /*-------------------
        Global styles
    -------------------*/
    :root
    {
        --font_size: 15px;
    }


    html.custom_scroll ::-webkit-scrollbar
    {
        width: 5px;
        height: 5px;
    }


    .swiper-button-prev
    {
        left: var(--cont_padding);

        margin-left: 0;
    }

    .swiper-button-next
    {
        right: var(--cont_padding);

        margin-right: 0;
    }



    /*------------
        Header
    ------------*/
    header .anchors
    {
        gap: 36px;
    }



    /*-----------------
        Main slider
    -----------------*/
    .main_slider .style
    {
        right: var(--cont_padding);

        margin-right: 0;
    }



    /*--------------
        Products
    --------------*/
    .products
    {
        padding: 80px 0 100px;
    }


    .products .titles
    {
        margin-bottom: 24px;
    }


    .products .title
    {
        font-size: 36px;

        padding-right: calc(var(--cont_padding) * 3);
    }


    .products .title:after
    {
        width: calc(var(--cont_padding) * 2);
    }


    .products .main > .swiper-button-next,
    .products .main > .swiper-button-prev
    {
        width: 56px;
        height: 56px;
        margin-bottom: 66px;
    }


    .products .main > .swiper-button-prev
    {
        right: 68px;
    }


    .products .main > .swiper-button-next .icon,
    .products .main > .swiper-button-prev .icon
    {
        width: 20px;
        height: 20px;
    }


    .products .toggles
    {
        margin-bottom: 32px;

        gap: 48px;
    }


    .products .product .images
    {
        width: calc(100% - 396px);
    }


    .products .swiper-button-next,
    .products .swiper-button-prev
    {
        width: 60px;
        height: 60px;
    }


    .products .swiper-button-next .icon,
    .products .swiper-button-prev .icon
    {
        width: 22px;
        height: 22px;
    }


    .products .product .thumbs
    {
        padding: 5px calc(var(--cont_padding) * 3);
    }


    .products .product .thumbs .swiper-button-next,
    .products .product .thumbs .swiper-button-prev
    {
        width: 44px;
        height: 44px;
    }


    .products .product .thumbs .swiper-button-prev
    {
        left: calc(var(--cont_padding) * -3);
    }

    .products .product .thumbs .swiper-button-next
    {
        right: calc(var(--cont_padding) * -3);
    }


    .products .product .thumbs .swiper-button-next .icon,
    .products .product .thumbs .swiper-button-prev .icon
    {
        width: 16px;
        height: 16px;
    }


    .products .product .data
    {
        width: 348px;
        min-height: 872px;
    }


    .products .product .product_name
    {
        font-size: 28px;
    }


    .products .product .desc
    {
        margin-top: 32px;
    }


    .products .product .made_in .code
    {
        width: 25px;
        height: 25px;
    }


    .products .product .made_in div
    {
        gap: 8px;
    }


    .products .product .compound .label
    {
        font-size: 18px;
    }


    .products .product .options
    {
        margin-top: 32px;
    }


    .products .product .options .color label div
    {
        width: 40px;
        height: 40px;
    }


    .products .product .options .color label span
    {
        width: 24px;
        height: 24px;
    }


    .products .product .options .size .val
    {
        padding: 15px 0;

        gap: 28px;
    }


    .products .product .options .exp
    {
        margin-top: 8px;
    }


    .products .product .buy
    {
        margin-top: 40px;

        gap: calc(var(--cont_padding) / 2);
    }


    .products .product .buy a
    {
        font-size: 13px;

        min-height: 60px;
    }


    .products .product .buy a span
    {
        font-size: 18px;
    }



    /*----------------
        Collection
    ----------------*/
    .collection .data
    {
        padding: calc(var(--cont_padding) * 4) 0 calc(var(--cont_padding) * 3);
    }


    .collection .data .title
    {
        font-size: 40px;
    }


    .collection .data .desc
    {
        font-size: 20px;
    }


    .collection .point_wrap.active .line
    {
        width: 92px;
    }


    .collection .point_info
    {
        top: 8px;

        width: 248px;
        margin-right: 77px;
    }


    .collection .point_info .name
    {
        font-size: 24px;
    }


    .collection .point_info .desc
    {
        margin-top: var(--cont_padding);

        gap: calc(var(--cont_padding) / 2);
    }


    .collection .point_info .buy
    {
        margin-top: var(--cont_padding);
    }


    .collection .point_info .buy a .icon
    {
        top: 7px;
        right: 7px;
    }


    .collection .link a
    {
        font-size: var(--font_size);

        padding: 0 23px;
    }



    .collection2 .data
    {
        padding: calc(var(--cont_padding) * 4) calc(var(--cont_padding) * 2) calc(var(--cont_padding) * 3);
    }



    /*-------------
        Gallery
    -------------*/
    .gallery .caption
    {
        padding-left: calc(var(--cont_padding) * 4);
    }

    .gallery .caption:before
    {
        top: 8px;

        width: calc(var(--cont_padding) * 3);
    }


    .gallery .info
    {
        right: calc(var(--cont_padding) / 2);
        bottom: calc(var(--cont_padding) / 2);

        width: 248px;
        max-width: calc(100% - var(--cont_padding));
    }


    .gallery .info .name
    {
        font-size: 24px;
    }


    .gallery .info .desc
    {
        margin-top: var(--cont_padding);

        gap: calc(var(--cont_padding) / 2);
    }


    .gallery .info .buy
    {
        margin-top: var(--cont_padding);
    }


    .gallery .info .buy a .icon
    {
        top: 7px;
        right: 7px;
    }



    /*----------------
        About info
    ----------------*/
    .about_info
    {
        padding: calc(var(--cont_padding) * 3) 0 calc(var(--cont_padding) * 4);
    }


    .about_info .data
    {
        width: calc(50% - var(--cont_padding));
    }


    .about_info .logo
    {
        margin-bottom: -60px;
        margin-left: -75px;
    }


    .about_info .logo img
    {
        width: 798px;
    }


    .about_info .desc
    {
        padding-left: var(--cont_padding);

        gap: 16px;
    }


    .about_info .desc:before
    {
        width: calc(var(--cont_padding) * 3);
    }


    .about_info .link
    {
        padding-left: var(--cont_padding);
    }


    .about_info .link a
    {
        font-size: var(--font_size);

        padding: 0 23px;
    }



    /*-----------------
        About brand
    -----------------*/
    .about_brand
    {
        padding-top: calc(var(--cont_padding) * 3);
        padding-bottom: calc(var(--cont_padding) * 3);
    }


    .about_brand .block_title
    {
        font-size: 18px;

        top: 80px;
    }


    .about_brand .info
    {
        gap: var(--cont_padding);
    }


    .about_brand .info1
    {
        top: 200px;
    }


    .about_brand .info2
    {
        bottom: calc(var(--cont_padding) * 3);

        gap: 4px;
    }


    .about_brand .info .title
    {
        font-size: 60px;

        width: 400px;
    }


    .about_brand .info .title.small
    {
        font-size: 44px;

        width: 324px;
    }


    .about_brand .info .desc
    {
        font-size: var(--font_size);

        width: 224px;
    }


    .about_brand .images
    {
        width: 1124px;
    }


    .about_brand .images .image1
    {
        width: 224px;
    }

    .about_brand .images .image2
    {
        width: calc(100% - 632px);
    }

    .about_brand .images .image3
    {
        width: 360px;
    }


    .about_brand .bottom
    {
        margin-top: var(--cont_padding);
    }

    .about_brand .bottom .item
    {
        width: 36%;
    }

    .about_brand .bottom .item2
    {
        width: calc(28% - var(--cont_padding) * 2);
    }

    .about_brand .bottom .item3
    {
        width: 36%;
    }


    .about_brand .bottom .caption
    {
        font-size: 14px;

        margin-top: calc(var(--cont_padding) / 2);
    }



    /*-------------------
        Contacts info
    -------------------*/
    .contacts_info
    {
        padding-bottom: calc(var(--cont_padding) * 4);
    }


    .contacts_info .block_title
    {
        font-size: 32px;
    }


    .contacts_info .block_title .icon
    {
        width: 60px;
        height: 60px;
    }


    .contacts_info .list
    {
        gap: calc(var(--cont_padding) * 2);
    }


    .contacts_info .item .label
    {
        font-size: 16px;
    }


    .contacts_info .item .val
    {
        font-size: 16px;

        width: 312px;
    }



    /*------------
        Footer
    ------------*/
    footer .data
    {
        padding: calc(var(--cont_padding) * 3) 0;
    }


    footer .info
    {
        width: calc(100% - 224px);
        padding-right: 0;
    }


    footer .btnUp
    {
        display: none;
    }


    footer .menu
    {
        font-size: 14px;
    }


    footer .subscribe
    {
        margin-top: calc(var(--cont_padding) * 2);
    }


    footer .subscribe .title
    {
        font-size: 18px;
    }


    footer .subscribe form .field
    {
        width: calc(100% - 160px);
    }


    footer .subscribe form .submit_btn
    {
        width: 160px;
    }


    footer .subscribe form .checkbox
    {
        font-size: 12px;

        width: 380px;
        min-height: 24px;
        padding-left: 36px;
    }


    footer .subscribe form .checkbox .check
    {
        width: 24px;
        height: 24px;
    }


    footer .subscribe form .checkbox .check .icon
    {
        width: 14px;
        height: 12px;
    }


    footer .privacy_policy_link
    {
        margin-left: 76px;
    }
}
