@media (min-width: 481px) and (max-width: 860px) {


    :root {

        /* container width */
        --normal-container-width: calc(100vw - 164px);
        --normal-container-width-max: calc(100vw - 164px);

        --wide-container-width: 1728px;
        --wide-container-width-max: 1728px;

        --full-container-width: 100%;
        --full-container-max-width: 100%;

        --narrow-container-width: calc(100vw - 164px);
        --narrow-container-max-width: calc(100vw - 164px);

        /* spacing */
        --spacing-xxl: 96px;
        --spacing-xl: 72px;
        --spacing-l: 48px;
        --spacing-ml: 36px;
        --spacing-m: 24px;
        --spacing-s: 12px;
        --spacing-xs: 8px;


        /* font-sizes */
        --copy-large-font-size: 18px;
        --copy-large-font-line-height: 26px;

        --copy-small-font-size: 16px;
        --copy-small-font-line-height: 24px;

        --headline-h1-font-size: 57px;
        --headline-h1-line-height: 65px;

        --headline-h2-font-size: 38px;
        --headline-h2-line-height: 46px;

        --headline-h3-font-size: 25px;
        --headline-h3-line-height: 36px;

        --headline-h4-font-size: 25px;
        --headline-h4-line-height: 36px;

        --navigation-header-font-size: 24px;
        --navigation-header-line-height: 34px;

        --navigation-footer-font-size: 18px;
        --navigation-footer-line-height: 24px;

        --button-font-size: 20px;
        --button-line-height: 34px;

        --subline-font-size: 18px;
        --subline-line-height: 30px;

        /* LOGO spacing */
        --logo-right-spacing: 48px;
        --header-navigation-horizontal-spacing: 72px;
        --header-navigation-item-spacing: 48px;

        /* swiper */
        --swiper-navigation-next-offset: 60px;
        --swiper-navigation-prev-offset: 30px;
        --swiper-navigation-dimensions: 110px;
        --swiper-navigation-icon-height: 52px;
        --swiper-navigation-icon-width: 34px;

        --form-element-padding: 12px 24px;

    }

    /*.narrow-container.block-type-text{*/
    /*    width: calc(100vw - 322px);*/
    /*}*/

    main.content-with-header-default {
        margin-top: 65px;
    }

    .tablet-full-width{
        width: 100%;
    }

}
@media (min-width: 861px) and (max-width: 1320px) {
    :root {

        /* container width */
        --normal-container-width: calc(100vw - 164px);
        --normal-container-width-max: calc(100vw - 164px);

        --wide-container-width: 1728px;
        --wide-container-width-max: 1728px;

        --full-container-width: 100%;
        --full-container-max-width: 100%;

        --narrow-container-width: calc(100vw - 164px);
        --narrow-container-max-width: calc(100vw - 164px);

        --spacing-xxl: clamp(6rem, 0.373rem + 10.458vw, 9rem);
        --spacing-xl: clamp(4.5rem, 1.686rem + 5.229vw, 6rem);
        --spacing-l: clamp(3rem, 0.186rem + 5.229vw, 4.5rem);
        --spacing-ml: clamp(2.25rem, 0.843rem + 2.614vw, 3rem);
        --spacing-m: clamp(1.5rem, 0.093rem + 2.614vw, 2.25rem);
        --spacing-s: clamp(0.75rem, -0.657rem + 2.614vw, 1.5rem);
        --spacing-xs: clamp(0.5rem, 0.031rem + 0.871vw, 0.75rem);
        --copy-large-font-size: clamp(0.75rem, -0.188rem + 1.743vw, 1.25rem);

        --copy-large-font-line-height: clamp(1.563rem, 0.507rem + 1.961vw, 2.125rem);


        --copy-small-font-size: clamp(1rem, 0.766rem + 0.436vw, 1.125rem);
        --copy-small-font-line-height: clamp(1.5rem, 0.797rem + 1.307vw, 1.875rem);
        --headline-h1-font-size: clamp(3.563rem, 1.569rem + 3.704vw, 4.625rem);
        --headline-h1-line-height: clamp(4.125rem, 0.725rem + 6.318vw, 5.938rem);
        --headline-h2-font-size: clamp(2.375rem, 1.554rem + 1.525vw, 2.813rem);
        --headline-h2-line-height: clamp(2.875rem, 1.585rem + 2.397vw, 3.563rem);
        --headline-h3-font-size: clamp(1.563rem, 0.976rem + 1.089vw, 1.875rem);
        --headline-h3-line-height: clamp(2.25rem, 2.016rem + 0.436vw, 2.375rem);
        --headline-h4-font-size: clamp(1.563rem, 1.563rem + 0vw, 1.563rem);
        --headline-h4-line-height: clamp(2.25rem, 2.25rem + 0vw, 2.25rem);
        --subline-font-size: clamp(1.125rem, 0.891rem + 0.436vw, 1.25rem);
    }


    /*ul.bullet-points li {*/
    /*    line-height: clamp(1.563rem, 0.507rem + 1.961vw, 2.125rem);*/
    /*}*/

}