@media screen and (min-width: 0px) {
    :root {
        --scale-phone-375: calc(100 * var(--vw) / 375);
        --scale-phone: calc(calc(100 * var(--vw) - 0px) / 574);
        --top-margin-menu: calc(28 * var(--scale-phone-375));

        --container-margin: calc(35 * var(--scale-phone-375));
        --container-dop-margin: calc(15 * var(--scale-phone-375));

        --column-width-between: 1px;
        --column-width: calc(calc(var(--conatiner-max-width) - var(--column-width-between) * 3) / 4);

        --margin-header: calc(17 * var(--vh));
    }

    .container {
        max-width: calc(var(--vw) * 100 - var(--container-margin));
        margin-right: var(--container-margin);
        width: 100%;
    }

    .col-sw-1 {
        max-width: calc(var(--column-width) * 1);
    }

    .col-sw-1-5 {
        max-width: calc(var(--column-width) * 1.33 + var(--column-width-between));
    }

    .col-sw-1-5 {
        max-width: calc(var(--column-width) * 1.5 + var(--column-width-between));
    }

    .col-sw-2 {
        max-width: calc(var(--column-width) * 2 + var(--column-width-between));
    }

    .col-sw-2-5 {
        max-width: calc(var(--column-width) * 3 - calc(var(--column-width) / 2) + var(--column-width-between) * 2);
    }

    .col-sw-2-66 {
        max-width: calc(var(--column-width) * 2.66 + var(--column-width-between) * 2);
    }

    .col-sw-3 {
        max-width: calc(calc(var(--column-width) * 3) + var(--column-width-between) * 2);
    }

    .col-sw-3-5 {
        max-width: calc(var(--column-width) * 4 - calc(var(--column-width) / 2) + var(--column-width-between) * 3);
    }

    .col-sw-3-66 {
        max-width: calc(var(--column-width) * 3.66 + var(--column-width-between) * 3);
    }

    .col-sw-4 {
        max-width: calc(calc(var(--column-width) * 4) + var(--column-width-between) * 3);
    }

    .col-sw-4-33 {
        max-width: calc(var(--column-width) * 4.33 + var(--column-width-between) * 4);
    }

    .col-sw-4-5 {
        max-width: calc(var(--column-width) * 5 - calc(var(--column-width) / 2) + var(--column-width-between) * 4);
    }

    .col-sw-4-66 {
        max-width: calc(var(--column-width) * 5 - calc(var(--column-width) / 1.5) + var(--column-width-between) * 4);
    }

    .col-sw-5 {
        max-width: calc(calc(var(--column-width) * 5) + var(--column-width-between) * 4);
    }

    .col-sw-5-5 {
        max-width: calc(var(--column-width) * 6 - calc(var(--column-width) / 2) + var(--column-width-between) * 5);
    }

    .col-sw-6 {
        max-width: calc(calc(var(--column-width) * 6) + var(--column-width-between) * 5);
    }

    .col-sw-6-5 {
        max-width: calc(var(--column-width) * 7 - calc(var(--column-width) / 2) + var(--column-width-between) * 6);
    }

    .col-sw-7 {
        max-width: calc(var(--column-width) * 7 + var(--column-width-between) * 6);
    }

    .col-sw-7-5 {
        max-width: calc(var(--column-width) * 8 - calc(var(--column-width) / 2) + var(--column-width-between) * 7);
    }

    .col-sw-8 {
        max-width: calc(var(--column-width) * 8 + var(--column-width-between) * 7);
    }

    .col-sw-9 {
        max-width: calc(calc(var(--column-width) * 9) + var(--column-width-between) * 8);
    }

    .px-d {
        padding-left: var(--container-dop-margin);
        padding-right: var(--container-dop-margin);
    }

    .pr-d {
        padding-right: var(--container-dop-margin);
    }

    .pl-d {
        padding-left: var(--container-dop-margin);
    }

    .mx-d {
        margin-left: var(--container-dop-margin);
        margin-right: var(--container-dop-margin);
    }

    .mr-d {
        margin-right: var(--container-dop-margin);
    }

    .ml-d {
        margin-left: var(--container-dop-margin);
    }

    .px-m {
        padding-left: var(--container-margin);
        padding-right: var(--container-margin);
    }

    .pr-m {
        padding-right: var(--container-margin);
    }

    .pl-m {
        padding-left: var(--container-margin);
    }

    .mx-m {
        margin-left: var(--container-margin);
        margin-right: var(--container-margin);
    }

    .mr-m {
        margin-right: var(--container-margin);
    }

    .ml-m {
        margin-left: var(--container-margin);
    }

    .pr-0 {
        padding-right: 0;
    }

    .pr-0-25 {
        padding-right: calc(var(--column-width) * 0.25);
    }

    .pr-0-5 {
        padding-right: calc(var(--column-width) * 0.5);
    }

    .pr-1 {
        padding-right: var(--column-width);
    }

    .pl-0-25 {
        padding-left: calc(var(--column-width) * 0.25);
    }

    .pl-0-33 {
        padding-left: calc(var(--column-width) * 0.33);
    }

    .pl-0-5 {
        padding-left: calc(var(--column-width) * 0.5);
    }

    .pl-1 {
        padding-left: var(--column-width);
    }

    .ml-0-5 {
        margin-left: calc(var(--column-width) * 0.5);
    }

    .mb-20 {
        margin-bottom: calc(20 * var(--scale-phone-375));
    }

    .mb-30 {
        margin-bottom: calc(30 * var(--scale-phone-375));
    }

    .mb-40 {
        margin-bottom: calc(40 * var(--scale-phone-375));
    }

    

    .gap-20 {
        gap: calc(20 * var(--scale-phone-375));
    }

    .gap-30 {
        gap: calc(30 * var(--scale-phone-375));
    }

    .gap-40 {
        gap: calc(40 * var(--scale-phone-375));
    }

    .gap-50 {
        gap: calc(50 * var(--scale-phone-375));
    }
}

/* @media screen and (min-width: 0px) and (orientation:portrait){
    .col-sw-1 {
        max-width: calc(var(--column-width) * 1);
    }

    .col-sw-1-5 {
        max-width: calc(var(--column-width) * 1.33 + var(--column-width-between));
    }

    .col-sw-1-5 {
        max-width: calc(var(--column-width) * 1.5 + var(--column-width-between));
    }

    .col-sw-2 {
        max-width: calc(var(--column-width) * 2 + var(--column-width-between));
    }

    .col-sw-2-5 {
        max-width: calc(var(--column-width) * 3 - calc(var(--column-width) / 2) + var(--column-width-between) * 2);
    }

    .col-sw-2-66 {
        max-width: calc(var(--column-width) * 2.66 + var(--column-width-between) * 2);
    }

    .col-sw-3 {
        max-width: calc(calc(var(--column-width) * 3) + var(--column-width-between) * 2);
    }

    .col-sw-3-5 {
        max-width: calc(var(--column-width) * 4 - calc(var(--column-width) / 2) + var(--column-width-between) * 3);
    }

    .col-sw-3-66 {
        max-width: calc(var(--column-width) * 3.66 + var(--column-width-between) * 3);
    }

    .col-sw-4 {
        max-width: calc(calc(var(--column-width) * 4) + var(--column-width-between) * 3);
    }

    .col-sw-4-33 {
        max-width: calc(var(--column-width) * 4.33 + var(--column-width-between) * 4);
    }

    .col-sw-4-5 {
        max-width: calc(var(--column-width) * 5 - calc(var(--column-width) / 2) + var(--column-width-between) * 4);
    }

    .col-sw-4-66 {
        max-width: calc(var(--column-width) * 5 - calc(var(--column-width) / 1.5) + var(--column-width-between) * 4);
    }

    .col-sw-5 {
        max-width: calc(calc(var(--column-width) * 5) + var(--column-width-between) * 4);
    }

    .col-sw-5-5 {
        max-width: calc(var(--column-width) * 6 - calc(var(--column-width) / 2) + var(--column-width-between) * 5);
    }

    .col-sw-6 {
        max-width: calc(calc(var(--column-width) * 6) + var(--column-width-between) * 5);
    }

    .col-sw-6-5 {
        max-width: calc(var(--column-width) * 7 - calc(var(--column-width) / 2) + var(--column-width-between) * 6);
    }

    .col-sw-7 {
        max-width: calc(var(--column-width) * 7 + var(--column-width-between) * 6);
    }

    .col-sw-7-5 {
        max-width: calc(var(--column-width) * 8 - calc(var(--column-width) / 2) + var(--column-width-between) * 7);
    }

    .col-sw-8 {
        max-width: calc(var(--column-width) * 8 + var(--column-width-between) * 7);
    }

    .col-sw-9 {
        max-width: calc(calc(var(--column-width) * 9) + var(--column-width-between) * 8);
    }

    .pl-0-5 {
        padding-left: calc(var(--column-width) * 0.5);
    }

    .pr-0-5 {
        padding-right: calc(var(--column-width) * 0.5);
    }

    .pr-1 {
        padding-right: calc(var(--column-width));
    }
    .p-d {
        padding-left: var(--container-dop-margin);
        padding-right: var(--container-dop-margin);
    }

    .pr-d {
        padding-right: var(--container-dop-margin);
    }

    .pl-d {
        padding-left: var(--container-dop-margin);
    }

    .m-d {
        margin-left: var(--container-dop-margin);
        margin-right: var(--container-dop-margin);
    }

    .mr-d {
        margin-right: var(--container-dop-margin);
    }

    .ml-d {
        margin-left: var(--container-dop-margin);
    }
} */

@media screen and (min-width: 576px) {
    :root {
        --scale-table-834: calc(100 * var(--vw) / 834);
        --scale-table: calc(calc(100 * var(--vw) - 768px) / 224);
        --column-width: calc(calc(var(--conatiner-max-width) - var(--column-width-between) * 5) / 6);
        --top-margin-menu: calc(28 * var(--scale-table-834));

        --container-margin: calc(35 * var(--scale-table-834));
        --container-dop-margin: calc(15 * var(--scale-table-834));

        --margin-header: calc(7.3 * var(--vh));
    }

    .container {
        width: 100%;
        max-width: var(--conatiner-max-width);
        margin: 0 auto;
        padding: 0;
    }

    .col-sw-sm-1 {
        max-width: calc(var(--column-width) * 1);
    }

    .col-sw-sm-1-33 {
        max-width: calc(var(--column-width) * 1.33 + var(--column-width-between));
    }

    .col-sw-sm-1-5 {
        max-width: calc(var(--column-width) * 1.5 + var(--column-width-between));
    }

    .col-sw-sm-2 {
        max-width: calc(var(--column-width) * 2 + var(--column-width-between) * 1);
    }

    .col-sw-sm-2-33 {
        max-width: calc(var(--column-width) * 2.33 + var(--column-width-between) * 2);
    }

    .col-sw-sm-2-5 {
        max-width: calc(var(--column-width) * 2.5 + var(--column-width-between) * 2);
    }

    .col-sw-sm-2-66 {
        max-width: calc(var(--column-width) * 2.66 + var(--column-width-between) * 2);
    }

    .col-sw-sm-3 {
        max-width: calc(calc(var(--column-width) * 3) + var(--column-width-between) * 2);
    }

    .col-sw-sm-3-33 {
        max-width: calc(var(--column-width) * 3.33 + var(--column-width-between) * 3);
    }

    .col-sw-sm-3-5 {
        max-width: calc(var(--column-width) * 3.5 + var(--column-width-between) * 3);
    }

    .col-sw-sm-3-66 {
        max-width: calc(var(--column-width) * 3.66 + var(--column-width-between) * 3);
    }

    .col-sw-sm-4 {
        max-width: calc(calc(var(--column-width) * 4) + var(--column-width-between) * 3);
    }

    .col-sw-sm-4-33 {
        max-width: calc(var(--column-width) * 4.33 + var(--column-width-between) * 4);
    }

    .col-sw-sm-4-5 {
        max-width: calc(var(--column-width) * 4.5 + var(--column-width-between) * 4);
    }

    .col-sw-sm-4-66 {
        max-width: calc(var(--column-width) * 4.66 + var(--column-width-between) * 4);
    }

    .col-sw-sm-5 {
        max-width: calc(calc(var(--column-width) * 5) + var(--column-width-between) * 4);
    }

    .col-sw-sm-5-33 {
        max-width: calc(var(--column-width) * 5.33 + var(--column-width-between) * 5);
    }

    .col-sw-sm-5-5 {
        max-width: calc(var(--column-width) * 6 - calc(var(--column-width) / 2) + var(--column-width-between) * 5);
    }

    .col-sw-sm-6 {
        max-width: calc(calc(var(--column-width) * 6) + var(--column-width-between) * 5);
    }

    .pr-sm-d {
        padding-right: var(--container-dop-margin);
    }

    .pl-sm-d {
        padding-left: var(--container-dop-margin);
    }

    .px-sm-d {
        padding-left: var(--container-dop-margin);
        padding-right: var(--container-dop-margin);
    }

    .px-sm-0-5 {
        padding-right: calc(var(--column-width) * 0.5);
        padding-left: calc(var(--column-width) * 0.5);
    }

    .pr-sm-0 {
        padding-bottom: 0;
    }

    .pr-sm-0-25 {
        padding-right: calc(var(--column-width) * 0.25);
    }

    .pr-sm-0-5 {
        padding-right: calc(var(--column-width) * 0.5);
    }

    .pr-sm-1 {
        padding-right: var(--column-width);
    }

    .pl-sm-0 {
        padding-left: 0;
    }

    .pl-sm-0-25 {
        padding-left: calc(var(--column-width) * 0.25);
    }

    .pl-sm-0-33 {
        padding-left: calc(var(--column-width) * 0.33);
    }

    .pl-sm-0-5 {
        padding-left: calc(var(--column-width) * 0.5);
    }

    .pl-sm-1 {
        padding-left: var(--column-width);
    }

    .ml-sm-0 {
        margin-left: 0;
    }

    .ml-sm-0-5 {
        margin-left: calc(var(--column-width) * 0.5);
    }

    .mr-sm-0 {
        margin-right: 0;
    }

    .mb-sm-20 {
        margin-bottom: calc(20 * var(--scale-table-834));
    }

    .mb-sm-30 {
        margin-bottom: calc(30 * var(--scale-table-834));
    }

    .mb-sm-40 {
        margin-bottom: calc(40 * var(--scale-table-834));
    }

    .mb-sm-50 {
        margin-bottom: calc(50 * var(--scale-table-834));
    }

    .gap-sm-30 {
        gap: calc(30 * var(--scale-table-834));
    }
    .gap-sm-20 {
        gap: calc(20 * var(--scale-table-834));
    }

    .gap-sm-40 {
        gap: calc(40 * var(--scale-table-834));
    }
    .gap-sm-50 {
        gap: calc(50 * var(--scale-table-834));
    }
}

@media screen and (min-width: 768px) {
    :root {
        --scale-table-834: calc(100 * var(--vw) / 834);
        --scale-table: calc(calc(100 * var(--vw) - 768px) / 224);
        --column-width: calc(calc(var(--conatiner-max-width) - var(--column-width-between) * 5) / 6);
        --top-margin-menu: calc(28 * var(--scale-table-834));

        --container-margin: calc(35 * var(--scale-table-834));
        --container-dop-margin: calc(15 * var(--scale-table-834));

        
    }

    .col-sw-md-1 {
        max-width: calc(var(--column-width) * 1);
    }

    .col-sw-md-1-15 {
        max-width: calc(var(--column-width) * 1.15 + var(--column-width-between) * 1);
    }

    .col-sw-md-1-33 {
        max-width: calc(var(--column-width) * 1.33 + var(--column-width-between) * 1);
    }

    .col-sw-md-1-5 {
        max-width: calc(var(--column-width) * 1.5 + var(--column-width-between) * 1);
    }

    .col-sw-md-1-66 {
        max-width: calc(var(--column-width) * 1.66 + var(--column-width-between) * 1);
    }

    .col-sw-md-2 {
        max-width: calc(var(--column-width) * 2 + var(--column-width-between) * 1);
    }

    .col-sw-md-2-5 {
        max-width: calc(var(--column-width) * 3 - calc(var(--column-width) / 2) + var(--column-width-between) * 2);
    }

    .col-sw-md-3 {
        max-width: calc(calc(var(--column-width) * 3) + var(--column-width-between) * 2);
    }

    .col-sw-md-3-33 {
        max-width: calc(var(--column-width) * 3.33 + var(--column-width-between) * 3);
    }

    .col-sw-md-3-5 {
        max-width: calc(var(--column-width) * 4 - calc(var(--column-width) / 2) + var(--column-width-between) * 3);
    }

    .col-sw-md-3-66 {
        max-width: calc(var(--column-width) * 3.66 + var(--column-width-between) * 3);
    }

    .col-sw-md-3-9 {
        max-width: calc(var(--column-width) * 3.9 + var(--column-width-between) * 3);
    }

    .col-sw-md-4 {
        max-width: calc(calc(var(--column-width) * 4) + var(--column-width-between) * 3);
    }

    .col-sw-md-4-33 {
        max-width: calc(var(--column-width) * 4.33 + var(--column-width-between) * 4);
    }

    .col-sw-md-4-5 {
        max-width: calc(var(--column-width) * 4.5 + var(--column-width-between) * 4);
    }

    .col-sw-md-4-66 {
        max-width: calc(var(--column-width) * 4.66 + var(--column-width-between) * 4);
    }

    .col-sw-md-5 {
        max-width: calc(calc(var(--column-width) * 5) + var(--column-width-between) * 4);
    }

    .col-sw-md-5-5 {
        max-width: calc(var(--column-width) * 6 - calc(var(--column-width) / 2) + var(--column-width-between) * 5);
    }

    .col-sw-md-6 {
        max-width: calc(calc(var(--column-width) * 6) + var(--column-width-between) * 5);
    }

    .col-sw-md-6-5 {
        max-width: calc(var(--column-width) * 7 - calc(var(--column-width) / 2) + var(--column-width-between) * 6);
    }

    .col-sw-md-7 {
        max-width: calc(var(--column-width) * 7 + var(--column-width-between) * 6);
    }

    .col-sw-md-7-5 {
        max-width: calc(var(--column-width) * 8 - calc(var(--column-width) / 2) + var(--column-width-between) * 7);
    }

    .col-sw-md-8 {
        max-width: calc(var(--column-width) * 8 + var(--column-width-between) * 7);
    }

    .col-sw-md-9 {
        max-width: calc(calc(var(--column-width) * 9) + var(--column-width-between) * 8);
    }

    .pr-md-d {
        padding-right: var(--container-dop-margin);
    }

    .pl-md-d {
        padding-left: var(--container-dop-margin);
    }

    .px-md-d {
        padding-left: var(--container-dop-margin);
        padding-right: var(--container-dop-margin);
    }

    .pr-md-0-25 {
        padding-right: calc(var(--column-width) * 0.25);
    }

    .pr-md-0-5 {
        padding-right: calc(var(--column-width) * 0.5);
    }

    .pr-md-1 {
        padding-right: var(--column-width);
    }

    .pl-md-0-25 {
        padding-left: calc(var(--column-width) * 0.25);
    }

    .pl-md-0-33 {
        padding-left: calc(var(--column-width) * 0.33);
    }

    .pl-md-0-5 {
        padding-left: calc(var(--column-width) * 0.5);
    }

    .pl-md-1 {
        padding-left: var(--column-width);
    }

    .ml-md-0-5 {
        margin-left: calc(var(--column-width) * 0.5);
    }
}

@media screen and (min-width: 992px) {
    :root {
        --scale: calc(calc(100 * var(--vw) - 992px) / 208);
        --scale-desk: calc(100 * var(--vw) / 992);
        --scale-desk-1366: calc(100 * var(--vw) / 1366);

        --container-margin: calc(35 * var(--scale-desk-1366));
        --column-width: calc(calc(var(--conatiner-max-width) - var(--column-width-between) * 10) / 9);
        --container-dop-margin: calc(0px + 15 * var(--scale-desk-1366));
        --top-margin-menu: calc(42 * var(--scale-desk-1366));

        --margin-header: calc(5.5 * var(--vh)); 
    }

    .col-sw-lg-1 {
        max-width: calc(var(--column-width) * 1);
    }

    .col-sw-lg-1-33 {
        max-width: calc(var(--column-width) * 1.33 + var(--column-width-between) * 1);
    }

    .col-sw-lg-1-5 {
        max-width: calc(var(--column-width) * 1.5 + var(--column-width-between) * 1);
    }

    .col-sw-lg-1-66 {
        max-width: calc(var(--column-width) * 1.66 + var(--column-width-between) * 1);
    }

    .col-sw-lg-2 {
        max-width: calc(var(--column-width) * 2 + var(--column-width-between) * 1);
    }

    .col-sw-lg-2-5 {
        max-width: calc(var(--column-width) * 3 - calc(var(--column-width) / 2) + var(--column-width-between) * 2);
    }

    .col-sw-lg-3 {
        max-width: calc(calc(var(--column-width) * 3) + var(--column-width-between) * 2);
    }

    .col-sw-lg-3-33 {
        max-width: calc(var(--column-width) * 3.33 + var(--column-width-between) * 3);
    }

    .col-sw-lg-3-5 {
        max-width: calc(var(--column-width) * 3.5 + var(--column-width-between) * 3);
    }

    .col-sw-lg-3-66 {
        max-width: calc(var(--column-width) * 3.66 + var(--column-width-between) * 3);
    }

    .col-sw-lg-4 {
        max-width: calc(calc(var(--column-width) * 4) + var(--column-width-between) * 3);
    }

    .col-sw-lg-4-33 {
        max-width: calc(var(--column-width) * 4.33 + var(--column-width-between) * 4);
    }

    .col-sw-lg-4-5 {
        max-width: calc(var(--column-width) * 4.5 + var(--column-width-between) * 4);
    }

    .col-sw-lg-4-66 {
        max-width: calc(var(--column-width) * 4.66 + var(--column-width-between) * 4);
    }

    .col-sw-lg-5 {
        max-width: calc(calc(var(--column-width) * 5) + var(--column-width-between) * 4);
    }

    .col-sw-lg-5-5 {
        max-width: calc(var(--column-width) * 5.5 + var(--column-width-between) * 5);
    }

    .col-sw-lg-6 {
        max-width: calc(calc(var(--column-width) * 6) + var(--column-width-between) * 5);
    }

    .col-sw-lg-6-5 {
        max-width: calc(var(--column-width) * 7 - calc(var(--column-width) / 2) + var(--column-width-between) * 6);
    }

    .col-sw-lg-7 {
        max-width: calc(var(--column-width) * 7 + var(--column-width-between) * 6);
    }

    .col-sw-lg-7-5 {
        max-width: calc(var(--column-width) * 8 - calc(var(--column-width) / 2) + var(--column-width-between) * 7);
    }

    .col-sw-lg-8 {
        max-width: calc(var(--column-width) * 8 + var(--column-width-between) * 7);
    }

    .col-sw-lg-9 {
        max-width: calc(calc(var(--column-width) * 9) + var(--column-width-between) * 8);
    }

    .pr-lg-d {
        padding-right: var(--container-dop-margin);
    }

    .pl-lg-d {
        padding-left: var(--container-dop-margin);
    }

    .px-lg-d {
        padding-left: var(--container-dop-margin);
        padding-right: var(--container-dop-margin);
    }

    .pr-lg-1 {
        padding-right: calc(var(--column-width));
    }

    .pl-lg-1 {
        padding-left: calc(var(--column-width));
    }

    .pl-lg-0-1 {
        padding-left: calc(var(--column-width)*0.1);
    }

    .pl-lg-0-15 {
        padding-left: calc(var(--column-width)*0.15);
    }

    .pl-lg-0-2 {
        padding-left: calc(var(--column-width)*0.2);
    }

    .pl-lg-0-25 {
        padding-left: calc(var(--column-width) * 0.25);
    }

    .pl-lg-0-33 {
        padding-left: calc(var(--column-width) * 0.33);
    }

    .pl-lg-0-5 {
        padding-left: calc(var(--column-width) * 0.5);
    }

    .pl-lg-0-66 {
        padding-left: calc(var(--column-width) * 0.66);
    }
    .ml-lg-1 {
        margin-left: var(--column-width);
    }
    .ml-lg-0-5 {
        margin-left: calc(var(--column-width) / 2);
    }

    .mb-lg-30 {
        margin-bottom: calc(30 * var(--scale-desk-1366));
    }

    .mb-lg-40 {
        margin-bottom: calc(40 * var(--scale-desk-1366));
    }

    .gap-lg-20 {
        gap: calc(20 * var(--scale-desk-1366));
    }

    .gap-lg-30 {
        gap: calc(30 * var(--scale-desk-1366));
    }

    .gap-lg-40 {
        gap: calc(40 * var(--scale-desk-1366));
    }

    .gap-lg-50 {
        gap: calc(50 * var(--scale-desk-1366));
    }

    .grid-col-lg-1-2 {
        grid-column: 1 / 2;
    }
    .grid-row-lg-1-2 {
        grid-row: 1 / 2;
    }
}

@media screen and (min-width: 1200px) {
    .col-sw-xl-1 {
        max-width: calc(var(--column-width) * 1);
    }

    .col-sw-xl-1-33 {
        max-width: calc(var(--column-width) * 1.33 + var(--column-width-between) * 1);
    }

    .col-sw-xl-1-5 {
        max-width: calc(var(--column-width) * 1.5 + var(--column-width-between) * 1);
    }

    .col-sw-xl-2 {
        max-width: calc(var(--column-width) * 2 + var(--column-width-between) * 1);
    }

    .col-sw-xl-2-5 {
        max-width: calc(var(--column-width) * 3 - calc(var(--column-width) / 2) + var(--column-width-between) * 2);
    }

    .col-sw-xl-3 {
        max-width: calc(calc(var(--column-width) * 3) + var(--column-width-between) * 2);
    }

    .col-sw-xl-3-5 {
        max-width: calc(var(--column-width) * 4 - calc(var(--column-width) / 2) + var(--column-width-between) * 3);
    }

    .col-sw-xl-3-66 {
        max-width: calc(var(--column-width) * 3.66 + var(--column-width-between) * 3);
    }

    .col-sw-xl-4 {
        max-width: calc(calc(var(--column-width) * 4) + var(--column-width-between) * 3);
    }

    .col-sw-xl-4-33 {
        max-width: calc(var(--column-width) * 4.33 + var(--column-width-between) * 4);
    }

    .col-sw-xl-4-5 {
        max-width: calc(var(--column-width) * 5 - calc(var(--column-width) / 2) + var(--column-width-between) * 4);
    }

    .col-sw-xl-4-66 {
        max-width: calc(var(--column-width) * 4.66 + var(--column-width-between) * 4);
    }

    .col-sw-xl-5 {
        max-width: calc(calc(var(--column-width) * 5) + var(--column-width-between) * 4);
    }

    .col-sw-xl-5-5 {
        max-width: calc(var(--column-width) * 6 - calc(var(--column-width) / 2) + var(--column-width-between) * 5);
    }

    .col-sw-xl-6 {
        max-width: calc(calc(var(--column-width) * 6) + var(--column-width-between) * 5);
    }

    .col-sw-xl-6-5 {
        max-width: calc(var(--column-width) * 7 - calc(var(--column-width) / 2) + var(--column-width-between) * 6);
    }

    .col-sw-xl-7 {
        max-width: calc(var(--column-width) * 7 + var(--column-width-between) * 6);
    }

    .col-sw-xl-7-5 {
        max-width: calc(var(--column-width) * 8 - calc(var(--column-width) / 2) + var(--column-width-between) * 7);
    }

    .col-sw-xl-8 {
        max-width: calc(var(--column-width) * 8 + var(--column-width-between) * 7);
    }

    .col-sw-xl-9 {
        max-width: calc(calc(var(--column-width) * 9) + var(--column-width-between) * 8);
    }
}

@media screen and (min-width: 1400px) {
    .col-sw-xxl-1 {
        max-width: calc(var(--column-width) * 1);
    }

    .col-sw-xxl-1-33 {
        max-width: calc(var(--column-width) * 1.33 + var(--column-width-between));
    }

    .col-sw-xxl-1-5 {
        max-width: calc(var(--column-width) * 1.5 + var(--column-width-between));
    }

    .col-sw-xxl-1-66 {
        max-width: calc(var(--column-width) * 1.66 + var(--column-width-between));
    }

    .col-sw-xxl-2 {
        max-width: calc(var(--column-width) * 2 + var(--column-width-between));
    }

    .col-sw-xxl-2-33 {
        max-width: calc(var(--column-width) * 2.33 + var(--column-width-between) * 2);
    }

    .col-sw-xxl-2-5 {
        max-width: calc(var(--column-width) * 2.5 + var(--column-width-between) * 2);
    }

    .col-sw-xxl-2-66 {
        max-width: calc(var(--column-width) * 2.66 + var(--column-width-between) * 2);
    }

    .col-sw-xxl-3 {
        max-width: calc(calc(var(--column-width) * 3) + var(--column-width-between) * 2);
    }

    .col-sw-xxl-3-33 {
        max-width: calc(var(--column-width) * 3.33 + var(--column-width-between) * 2);
    }

    .col-sw-xxl-3-5 {
        max-width: calc(var(--column-width) * 4 - calc(var(--column-width) / 2) + var(--column-width-between) * 2);
    }

    .col-sw-xxl-3-66 {
        max-width: calc(var(--column-width) * 3.66 + var(--column-width-between) * 3);
    }

    .col-sw-xxl-4 {
        max-width: calc(calc(var(--column-width) * 4));
    }

    .col-sw-xxl-4-33 {
        max-width: calc(var(--column-width) * 4.33 + var(--column-width-between) * 4);
    }

    .col-sw-xxl-4-5 {
        max-width: calc(var(--column-width) * 5 - calc(var(--column-width) / 2));
    }

    .col-sw-xxl-4-66 {
        max-width: calc(var(--column-width) * 5 - calc(var(--column-width) / 1.5));
    }

    .col-sw-xxl-5 {
        max-width: calc(calc(var(--column-width) * 5));
    }

    .col-sw-xxl-5-5 {
        max-width: calc(var(--column-width) * 6 - calc(var(--column-width) / 2));
    }

    .col-sw-xxl-6 {
        max-width: calc(calc(var(--column-width) * 6));
    }

    .col-sw-xxl-6-5 {
        max-width: calc(var(--column-width) * 7 - calc(var(--column-width) / 2));
    }

    .col-sw-xxl-7 {
        max-width: calc(var(--column-width) * 7);
    }

    .col-sw-xxl-7-5 {
        max-width: calc(var(--column-width) * 8 - calc(var(--column-width) / 2));
    }

    .col-sw-xxl-8 {
        max-width: calc(var(--column-width) * 8);
    }

    .col-sw-xxl-9 {
        max-width: calc(calc(var(--column-width) * 9));
    }
}

@media screen and (min-width: 1920px) {
    :root {
        --column-width-between: 2px;
        --conatiner-max-width: calc(100 * var(--vw) - var(--container-margin) * 2);
        --column-width: calc(calc(var(--conatiner-max-width) - var(--column-width-between) * 8) / 9);
    }
}

@media screen and (max-width: 575.98px) {
    .col-sw-ssm-1 {
        max-width: calc(var(--column-width) * 1);
    }

    .col-sw-ssm-1-33 {
        max-width: calc(var(--column-width) * 1.33 + var(--column-width-between));
    }

    .col-sw-ssm-1-5 {
        max-width: calc(var(--column-width) * 1.5 + var(--column-width-between));
    }

    .col-sw-ssm-2 {
        max-width: calc(var(--column-width) * 2 + var(--column-width-between) * 1);
    }

    .col-sw-ssm-2_2 {
        max-width: calc(var(--column-width) * 2 + var(--column-width-between) * 2);
    }

    .col-sw-ssm-2-25 {
        max-width: calc(var(--column-width) * 2.25 + var(--column-width-between) * 2);
    }

    .col-sw-ssm-2-33 {
        max-width: calc(var(--column-width) * 2.33 + var(--column-width-between) * 2);
    }

    .col-sw-ssm-2-5 {
        max-width: calc(var(--column-width) * 2.5 + var(--column-width-between) * 2);
    }

    .col-sw-ssm-2-66 {
        max-width: calc(var(--column-width) * 2.66 + var(--column-width-between) * 2);
    }

    .col-sw-ssm-3 {
        max-width: calc(calc(var(--column-width) * 3) + var(--column-width-between) * 2);
    }

    .col-sw-ssm-3-33 {
        max-width: calc(var(--column-width) * 3.33 + var(--column-width-between) * 3);
    }

    .col-sw-ssm-3-5 {
        max-width: calc(var(--column-width) * 3.5 + var(--column-width-between) * 3);
    }

    .col-sw-ssm-3-66 {
        max-width: calc(var(--column-width) * 3.66 + var(--column-width-between) * 3);
    }

    .col-sw-ssm-4 {
        max-width: calc(var(--column-width) * 4 + var(--column-width-between) * 3);
    }

    .col-sw-ssm-4-5 {
        max-width: calc(var(--column-width) * 4.5 + var(--column-width-between) * 4);
    }

    .col-sw-ssm-4-66 {
        max-width: calc(var(--column-width) * 4.66 + var(--column-width-between) * 4);
    }

    .col-sw-ssm-5 {
        max-width: calc(calc(var(--column-width) * 5) + var(--column-width-between) * 4);
    }

    .col-sw-ssm-5-5 {
        max-width: calc(var(--column-width) * 6 - calc(var(--column-width) / 2) + var(--column-width-between) * 5);
    }

    .col-sw-ssm-6 {
        max-width: calc(calc(var(--column-width) * 6) + var(--column-width-between) * 5);
    }
}

@media screen and (max-width: 375.98px) {
    .pl-ed {
        padding-left: var(--container-dop-margin);
    }

    .pr-ed {
        padding-right: var(--container-dop-margin);
    }

    .p-ed {
        padding-left: var(--container-dop-margin);
        padding-right: var(--container-dop-margin);
    }
}