/*empty Small Mobile*/
@media screen and (min-width:1px) {
    .main-page>.whole-services>li>a {
        font-size: 16px;
    }

    .main-page>.whole-services>li {
        -ms-flex-preferred-size: 42%;
        flex-basis: 42%;
    }
    .all-services>.pages>.zoroof{
        /*border:1px solid blue;*/
        /*display: flex;*/
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
        height: auto;
    }
    .zoroof>video{
        width: 70%;
        height: 180px;
        /*border: 1px solid aqua;*/
        cursor: pointer;
        margin-top:3%;
        margin-bottom: 3%;
    }
    .menu {
        /*-ms-grid-columns: (60%)[1];*/
        grid-template-columns: repeat(1, 60%);
        /*-ms-grid-rows: (12vh)[86];*/
        grid-template-rows: repeat(86, 12vh);
    }
    .menu > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(2) {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(3) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(4) {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(5) {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(6) {
        -ms-grid-row: 6;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(7) {
        -ms-grid-row: 7;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(8) {
        -ms-grid-row: 8;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(9) {
        -ms-grid-row: 9;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(10) {
        -ms-grid-row: 10;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(11) {
        -ms-grid-row: 11;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(12) {
        -ms-grid-row: 12;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(13) {
        -ms-grid-row: 13;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(14) {
        -ms-grid-row: 14;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(15) {
        -ms-grid-row: 15;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(16) {
        -ms-grid-row: 16;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(17) {
        -ms-grid-row: 17;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(18) {
        -ms-grid-row: 18;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(19) {
        -ms-grid-row: 19;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(20) {
        -ms-grid-row: 20;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(21) {
        -ms-grid-row: 21;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(22) {
        -ms-grid-row: 22;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(23) {
        -ms-grid-row: 23;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(24) {
        -ms-grid-row: 24;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(25) {
        -ms-grid-row: 25;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(26) {
        -ms-grid-row: 26;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(27) {
        -ms-grid-row: 27;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(28) {
        -ms-grid-row: 28;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(29) {
        -ms-grid-row: 29;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(30) {
        -ms-grid-row: 30;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(31) {
        -ms-grid-row: 31;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(32) {
        -ms-grid-row: 32;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(33) {
        -ms-grid-row: 33;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(34) {
        -ms-grid-row: 34;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(35) {
        -ms-grid-row: 35;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(36) {
        -ms-grid-row: 36;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(37) {
        -ms-grid-row: 37;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(38) {
        -ms-grid-row: 38;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(39) {
        -ms-grid-row: 39;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(40) {
        -ms-grid-row: 40;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(41) {
        -ms-grid-row: 41;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(42) {
        -ms-grid-row: 42;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(43) {
        -ms-grid-row: 43;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(44) {
        -ms-grid-row: 44;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(45) {
        -ms-grid-row: 45;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(46) {
        -ms-grid-row: 46;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(47) {
        -ms-grid-row: 47;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(48) {
        -ms-grid-row: 48;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(49) {
        -ms-grid-row: 49;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(50) {
        -ms-grid-row: 50;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(51) {
        -ms-grid-row: 51;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(52) {
        -ms-grid-row: 52;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(53) {
        -ms-grid-row: 53;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(54) {
        -ms-grid-row: 54;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(55) {
        -ms-grid-row: 55;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(56) {
        -ms-grid-row: 56;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(57) {
        -ms-grid-row: 57;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(58) {
        -ms-grid-row: 58;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(59) {
        -ms-grid-row: 59;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(60) {
        -ms-grid-row: 60;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(61) {
        -ms-grid-row: 61;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(62) {
        -ms-grid-row: 62;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(63) {
        -ms-grid-row: 63;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(64) {
        -ms-grid-row: 64;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(65) {
        -ms-grid-row: 65;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(66) {
        -ms-grid-row: 66;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(67) {
        -ms-grid-row: 67;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(68) {
        -ms-grid-row: 68;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(69) {
        -ms-grid-row: 69;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(70) {
        -ms-grid-row: 70;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(71) {
        -ms-grid-row: 71;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(72) {
        -ms-grid-row: 72;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(73) {
        -ms-grid-row: 73;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(74) {
        -ms-grid-row: 74;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(75) {
        -ms-grid-row: 75;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(76) {
        -ms-grid-row: 76;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(77) {
        -ms-grid-row: 77;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(78) {
        -ms-grid-row: 78;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(79) {
        -ms-grid-row: 79;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(80) {
        -ms-grid-row: 80;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(81) {
        -ms-grid-row: 81;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(82) {
        -ms-grid-row: 82;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(83) {
        -ms-grid-row: 83;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(84) {
        -ms-grid-row: 84;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(85) {
        -ms-grid-row: 85;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(86) {
        -ms-grid-row: 86;
        -ms-grid-column: 1;
    }

    .div1 { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 1 / 1 / 3 / 2; }
    .div2 { -ms-grid-row: 3; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 3 / 1 / 6 / 2; }
    .div3 { -ms-grid-row: 6; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 6 / 1 / 8 / 2; }
    .div4 { -ms-grid-row: 8; -ms-grid-row-span: 4; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 8 / 1 / 12 / 2; }
    .div5 { -ms-grid-row: 12; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 12 / 1 / 14 / 2; }
    .div6 { -ms-grid-row: 14; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 14 / 1 / 17 / 2; }
    .div7 { -ms-grid-row: 17; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 17 / 1 / 20 / 2; }
    .div8 { -ms-grid-row: 20; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 20 / 1 / 22 / 2; }
    .div9 { -ms-grid-row: 22; -ms-grid-row-span: 4; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 22 / 1 / 26 / 2; }
    .div10 { -ms-grid-row: 26; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 26 / 1 / 28 / 2; }
    .div11 { -ms-grid-row: 28; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 28 / 1 / 31 / 2; }
    .div12 { -ms-grid-row: 31; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 31 / 1 / 34 / 2; }
    .div13 { -ms-grid-row: 34; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 34 / 1 / 36 / 2; }
    .div14 { -ms-grid-row: 36; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 36 / 1 / 39 / 2; }
    .div15 { -ms-grid-row: 39; -ms-grid-row-span: 4; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 39 / 1 / 43 / 2; }
    .div16 { -ms-grid-row: 43; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 43 / 1 / 45 / 2; }
    .div17 { -ms-grid-row: 45; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 45 / 1 / 47 / 2; }
    .div18 { -ms-grid-row: 47; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 47 / 1 / 50 / 2; }
    .div19 { -ms-grid-row: 50; -ms-grid-row-span: 4; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 50 / 1 / 54 / 2; }
    .div20 { -ms-grid-row: 54; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 54 / 1 / 56 / 2; }
    .div21 { -ms-grid-row: 56; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 56 / 1 / 58 / 2; }
    .div22 { -ms-grid-row: 58; -ms-grid-row-span: 4; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 58 / 1 / 62 / 2; }
    .div23 { -ms-grid-row: 62; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 62 / 1 / 65 / 2; }
    .div24 { -ms-grid-row: 65; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 65 / 1 / 67 / 2; }
    .div25 { -ms-grid-row: 67; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 67 / 1 / 70 / 2; }
    .div26 { -ms-grid-row: 70; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 70 / 1 / 73 / 2; }
    .div27 { -ms-grid-row: 73; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 73 / 1 / 75 / 2; }
    .div28 { -ms-grid-row: 75; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 75 / 1 / 77 / 2; }
    .div29 { -ms-grid-row: 77; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 77 / 1 / 79 / 2; }
    .div30 { -ms-grid-row: 79; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 79 / 1 / 82 / 2; }
    .div31 { -ms-grid-row: 82; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 82 / 1 / 84 / 2; }
    .div32 { -ms-grid-row: 84; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 84 / 1 / 87 / 2; }
}

/*sm Mobile*/
@media screen and (min-width:576px) {
    .main-page>.whole-services>li>a {
        font-size: 18px;
    }

    .menu {
        /*-ms-grid-columns: (49.5%)[2];*/
        grid-template-columns: repeat(2, 49.5%);
        /*-ms-grid-rows: (12vh)[57];*/
        grid-template-rows: repeat(57, 12vh);
    }

    .menu > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(3) {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(4) {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(5) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(6) {
        -ms-grid-row: 3;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(7) {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(8) {
        -ms-grid-row: 4;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(9) {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(10) {
        -ms-grid-row: 5;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(11) {
        -ms-grid-row: 6;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(12) {
        -ms-grid-row: 6;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(13) {
        -ms-grid-row: 7;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(14) {
        -ms-grid-row: 7;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(15) {
        -ms-grid-row: 8;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(16) {
        -ms-grid-row: 8;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(17) {
        -ms-grid-row: 9;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(18) {
        -ms-grid-row: 9;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(19) {
        -ms-grid-row: 10;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(20) {
        -ms-grid-row: 10;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(21) {
        -ms-grid-row: 11;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(22) {
        -ms-grid-row: 11;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(23) {
        -ms-grid-row: 12;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(24) {
        -ms-grid-row: 12;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(25) {
        -ms-grid-row: 13;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(26) {
        -ms-grid-row: 13;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(27) {
        -ms-grid-row: 14;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(28) {
        -ms-grid-row: 14;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(29) {
        -ms-grid-row: 15;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(30) {
        -ms-grid-row: 15;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(31) {
        -ms-grid-row: 16;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(32) {
        -ms-grid-row: 16;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(33) {
        -ms-grid-row: 17;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(34) {
        -ms-grid-row: 17;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(35) {
        -ms-grid-row: 18;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(36) {
        -ms-grid-row: 18;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(37) {
        -ms-grid-row: 19;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(38) {
        -ms-grid-row: 19;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(39) {
        -ms-grid-row: 20;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(40) {
        -ms-grid-row: 20;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(41) {
        -ms-grid-row: 21;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(42) {
        -ms-grid-row: 21;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(43) {
        -ms-grid-row: 22;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(44) {
        -ms-grid-row: 22;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(45) {
        -ms-grid-row: 23;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(46) {
        -ms-grid-row: 23;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(47) {
        -ms-grid-row: 24;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(48) {
        -ms-grid-row: 24;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(49) {
        -ms-grid-row: 25;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(50) {
        -ms-grid-row: 25;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(51) {
        -ms-grid-row: 26;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(52) {
        -ms-grid-row: 26;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(53) {
        -ms-grid-row: 27;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(54) {
        -ms-grid-row: 27;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(55) {
        -ms-grid-row: 28;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(56) {
        -ms-grid-row: 28;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(57) {
        -ms-grid-row: 29;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(58) {
        -ms-grid-row: 29;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(59) {
        -ms-grid-row: 30;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(60) {
        -ms-grid-row: 30;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(61) {
        -ms-grid-row: 31;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(62) {
        -ms-grid-row: 31;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(63) {
        -ms-grid-row: 32;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(64) {
        -ms-grid-row: 32;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(65) {
        -ms-grid-row: 33;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(66) {
        -ms-grid-row: 33;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(67) {
        -ms-grid-row: 34;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(68) {
        -ms-grid-row: 34;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(69) {
        -ms-grid-row: 35;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(70) {
        -ms-grid-row: 35;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(71) {
        -ms-grid-row: 36;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(72) {
        -ms-grid-row: 36;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(73) {
        -ms-grid-row: 37;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(74) {
        -ms-grid-row: 37;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(75) {
        -ms-grid-row: 38;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(76) {
        -ms-grid-row: 38;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(77) {
        -ms-grid-row: 39;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(78) {
        -ms-grid-row: 39;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(79) {
        -ms-grid-row: 40;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(80) {
        -ms-grid-row: 40;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(81) {
        -ms-grid-row: 41;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(82) {
        -ms-grid-row: 41;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(83) {
        -ms-grid-row: 42;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(84) {
        -ms-grid-row: 42;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(85) {
        -ms-grid-row: 43;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(86) {
        -ms-grid-row: 43;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(87) {
        -ms-grid-row: 44;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(88) {
        -ms-grid-row: 44;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(89) {
        -ms-grid-row: 45;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(90) {
        -ms-grid-row: 45;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(91) {
        -ms-grid-row: 46;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(92) {
        -ms-grid-row: 46;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(93) {
        -ms-grid-row: 47;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(94) {
        -ms-grid-row: 47;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(95) {
        -ms-grid-row: 48;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(96) {
        -ms-grid-row: 48;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(97) {
        -ms-grid-row: 49;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(98) {
        -ms-grid-row: 49;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(99) {
        -ms-grid-row: 50;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(100) {
        -ms-grid-row: 50;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(101) {
        -ms-grid-row: 51;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(102) {
        -ms-grid-row: 51;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(103) {
        -ms-grid-row: 52;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(104) {
        -ms-grid-row: 52;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(105) {
        -ms-grid-row: 53;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(106) {
        -ms-grid-row: 53;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(107) {
        -ms-grid-row: 54;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(108) {
        -ms-grid-row: 54;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(109) {
        -ms-grid-row: 55;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(110) {
        -ms-grid-row: 55;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(111) {
        -ms-grid-row: 56;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(112) {
        -ms-grid-row: 56;
        -ms-grid-column: 2;
    }

    .menu > *:nth-child(113) {
        -ms-grid-row: 57;
        -ms-grid-column: 1;
    }

    .menu > *:nth-child(114) {
        -ms-grid-row: 57;
        -ms-grid-column: 2;
    }

    .div1 { -ms-grid-row: 1; -ms-grid-row-span: 4; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 1 / 1 / 5 / 2; }
    .div2 { -ms-grid-row: 5; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 5 / 1 / 7 / 2; }
    .div3 { -ms-grid-row: 7; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 7 / 1 / 10 / 2; }
    .div4 { -ms-grid-row: 10; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 10 / 1 / 12 / 2; }
    .div5 { -ms-grid-row: 1; -ms-grid-row-span: 3; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 1 / 2 / 4 / 3; }
    .div6 { -ms-grid-row: 9; -ms-grid-row-span: 3; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 9 / 2 / 12 / 3; }
    .div7 { -ms-grid-row: 20; -ms-grid-row-span: 4; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 20 / 1 / 24 / 2; }
    .div8 { -ms-grid-row: 22; -ms-grid-row-span: 2; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 22 / 2 / 24 / 3; }
    .div9 { -ms-grid-row: 30; -ms-grid-row-span: 4; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 30 / 1 / 34 / 2; }
    .div10 { -ms-grid-row: 19; -ms-grid-row-span: 3; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 19 / 2 / 22 / 3; }
    .div11 { -ms-grid-row: 4; -ms-grid-row-span: 2; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 4 / 2 / 6 / 3; }
    .div12 { -ms-grid-row: 6; -ms-grid-row-span: 3; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 6 / 2 / 9 / 3; }
    .div13 { -ms-grid-row: 12; -ms-grid-row-span: 4; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: 12 / 1 / 16 / 3; }
    .div14 { -ms-grid-row: 16; -ms-grid-row-span: 4; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 16 / 1 / 20 / 2; }
    .div15 { -ms-grid-row: 16; -ms-grid-row-span: 3; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 16 / 2 / 19 / 3; }
    .div16 { -ms-grid-row: 24; -ms-grid-row-span: 4; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: 24 / 1 / 28 / 3; }
    .div17 { -ms-grid-row: 28; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 28 / 1 / 30 / 2; }
    .div18 { -ms-grid-row: 28; -ms-grid-row-span: 4; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 28 / 2 / 32 / 3; }
    .div19 { -ms-grid-row: 32; -ms-grid-row-span: 3; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 32 / 2 / 35 / 3; }
    .div20 { -ms-grid-row: 34; -ms-grid-row-span: 4; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 34 / 1 / 38 / 2; }
    .div21 { -ms-grid-row: 35; -ms-grid-row-span: 2; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 35 / 2 / 37 / 3; }
    .div22 { -ms-grid-row: 37; -ms-grid-row-span: 4; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 37 / 2 / 41 / 3; }
    .div23 { -ms-grid-row: 38; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 38 / 1 / 41 / 2; }
    .div24 { -ms-grid-row: 41; -ms-grid-row-span: 4; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: 41 / 1 / 45 / 3; }
    .div25 { -ms-grid-row: 45; -ms-grid-row-span: 4; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 45 / 2 / 49 / 3; }
    .div26 { -ms-grid-row: 49; -ms-grid-row-span: 2; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 49 / 2 / 51 / 3; }
    .div27 { -ms-grid-row: 51; -ms-grid-row-span: 3; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 51 / 2 / 54 / 3; }
    .div28 { -ms-grid-row: 54; -ms-grid-row-span: 4; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: 54 / 1 / 58 / 3; }
    .div29 { -ms-grid-row: 52; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 52 / 1 / 54 / 2; }
    .div30 { -ms-grid-row: 49; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 49 / 1 / 52 / 2; }
    .div31 { -ms-grid-row: 47; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 47 / 1 / 49 / 2; }
    .div32 { -ms-grid-row: 45; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 45 / 1 / 47 / 2; }
}
/*md Tablet*/
@media screen and (min-width:768px) {

    /*.main-page>.whole-services>li>a {*/
    /*    font-size: 16px;*/
    /*}*/
    .main-page>.whole-services>li {
        -ms-flex-preferred-size: 24%;
        flex-basis: 24%;
    }

    /*.main-page>.navigation>ul>li{*/
    /*    font-size: 1.8vw;*/
    /*}*/
    .all-services>.pages>.zoroof{
        /*border:1px solid blue;*/
        /*display: flex;*/
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        height: 77vh;
    }
    .zoroof>video{
        width: 320px;
        height: 180px;
        /*border: 1px solid aqua;*/
        cursor: pointer;
        margin-top:5%;
        margin-right: 3%;
    }
    .menu {
        display: -ms-grid;
        display: grid;
        /*-ms-grid-columns: (33%)[3];*/
        grid-template-columns: repeat(3, 33%);
        /*-ms-grid-rows: (12vh)[36];*/
        grid-template-rows: repeat(36, 12vh);
    }
    .menu > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(3) {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(4) {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(5) {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(6) {
        -ms-grid-row: 2;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(7) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(8) {
        -ms-grid-row: 3;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(9) {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(10) {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(11) {
        -ms-grid-row: 4;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(12) {
        -ms-grid-row: 4;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(13) {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(14) {
        -ms-grid-row: 5;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(15) {
        -ms-grid-row: 5;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(16) {
        -ms-grid-row: 6;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(17) {
        -ms-grid-row: 6;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(18) {
        -ms-grid-row: 6;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(19) {
        -ms-grid-row: 7;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(20) {
        -ms-grid-row: 7;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(21) {
        -ms-grid-row: 7;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(22) {
        -ms-grid-row: 8;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(23) {
        -ms-grid-row: 8;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(24) {
        -ms-grid-row: 8;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(25) {
        -ms-grid-row: 9;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(26) {
        -ms-grid-row: 9;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(27) {
        -ms-grid-row: 9;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(28) {
        -ms-grid-row: 10;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(29) {
        -ms-grid-row: 10;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(30) {
        -ms-grid-row: 10;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(31) {
        -ms-grid-row: 11;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(32) {
        -ms-grid-row: 11;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(33) {
        -ms-grid-row: 11;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(34) {
        -ms-grid-row: 12;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(35) {
        -ms-grid-row: 12;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(36) {
        -ms-grid-row: 12;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(37) {
        -ms-grid-row: 13;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(38) {
        -ms-grid-row: 13;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(39) {
        -ms-grid-row: 13;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(40) {
        -ms-grid-row: 14;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(41) {
        -ms-grid-row: 14;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(42) {
        -ms-grid-row: 14;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(43) {
        -ms-grid-row: 15;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(44) {
        -ms-grid-row: 15;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(45) {
        -ms-grid-row: 15;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(46) {
        -ms-grid-row: 16;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(47) {
        -ms-grid-row: 16;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(48) {
        -ms-grid-row: 16;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(49) {
        -ms-grid-row: 17;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(50) {
        -ms-grid-row: 17;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(51) {
        -ms-grid-row: 17;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(52) {
        -ms-grid-row: 18;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(53) {
        -ms-grid-row: 18;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(54) {
        -ms-grid-row: 18;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(55) {
        -ms-grid-row: 19;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(56) {
        -ms-grid-row: 19;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(57) {
        -ms-grid-row: 19;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(58) {
        -ms-grid-row: 20;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(59) {
        -ms-grid-row: 20;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(60) {
        -ms-grid-row: 20;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(61) {
        -ms-grid-row: 21;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(62) {
        -ms-grid-row: 21;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(63) {
        -ms-grid-row: 21;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(64) {
        -ms-grid-row: 22;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(65) {
        -ms-grid-row: 22;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(66) {
        -ms-grid-row: 22;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(67) {
        -ms-grid-row: 23;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(68) {
        -ms-grid-row: 23;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(69) {
        -ms-grid-row: 23;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(70) {
        -ms-grid-row: 24;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(71) {
        -ms-grid-row: 24;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(72) {
        -ms-grid-row: 24;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(73) {
        -ms-grid-row: 25;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(74) {
        -ms-grid-row: 25;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(75) {
        -ms-grid-row: 25;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(76) {
        -ms-grid-row: 26;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(77) {
        -ms-grid-row: 26;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(78) {
        -ms-grid-row: 26;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(79) {
        -ms-grid-row: 27;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(80) {
        -ms-grid-row: 27;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(81) {
        -ms-grid-row: 27;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(82) {
        -ms-grid-row: 28;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(83) {
        -ms-grid-row: 28;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(84) {
        -ms-grid-row: 28;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(85) {
        -ms-grid-row: 29;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(86) {
        -ms-grid-row: 29;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(87) {
        -ms-grid-row: 29;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(88) {
        -ms-grid-row: 30;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(89) {
        -ms-grid-row: 30;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(90) {
        -ms-grid-row: 30;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(91) {
        -ms-grid-row: 31;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(92) {
        -ms-grid-row: 31;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(93) {
        -ms-grid-row: 31;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(94) {
        -ms-grid-row: 32;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(95) {
        -ms-grid-row: 32;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(96) {
        -ms-grid-row: 32;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(97) {
        -ms-grid-row: 33;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(98) {
        -ms-grid-row: 33;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(99) {
        -ms-grid-row: 33;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(100) {
        -ms-grid-row: 34;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(101) {
        -ms-grid-row: 34;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(102) {
        -ms-grid-row: 34;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(103) {
        -ms-grid-row: 35;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(104) {
        -ms-grid-row: 35;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(105) {
        -ms-grid-row: 35;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(106) {
        -ms-grid-row: 36;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(107) {
        -ms-grid-row: 36;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(108) {
        -ms-grid-row: 36;
        -ms-grid-column: 3;
    }

    .div1 { -ms-grid-row: 1; -ms-grid-row-span: 4; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 1 / 1 / 5 / 2; }
    .div2 { -ms-grid-row: 5; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 5 / 1 / 7 / 2; }
    .div3 { -ms-grid-row: 7; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 7 / 1 / 10 / 2; }
    .div4 { -ms-grid-row: 10; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 10 / 1 / 12 / 2; }
    .div5 { -ms-grid-row: 12; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: 12 / 1 / 15 / 3; }
    .div6 { -ms-grid-row: 15; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 15 / 1 / 17 / 2; }
    .div7 { -ms-grid-row: 1; -ms-grid-row-span: 3; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 1 / 2 / 4 / 3; }
    .div8 { -ms-grid-row: 4; -ms-grid-row-span: 2; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 4 / 2 / 6 / 3; }
    .div9 { -ms-grid-row: 6; -ms-grid-row-span: 3; -ms-grid-column: 2; -ms-grid-column-span: 2; grid-area: 6 / 2 / 9 / 4; }
    .div10 { -ms-grid-row: 9; -ms-grid-row-span: 3; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 9 / 2 / 12 / 3; }
    .div11 { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 3; -ms-grid-column-span: 1; grid-area: 1 / 3 / 3 / 4; }
    .div12 { -ms-grid-row: 3; -ms-grid-row-span: 3; -ms-grid-column: 3; -ms-grid-column-span: 1; grid-area: 3 / 3 / 6 / 4; }
    .div13 { -ms-grid-row: 9; -ms-grid-row-span: 2; -ms-grid-column: 3; -ms-grid-column-span: 1; grid-area: 9 / 3 / 11 / 4; }
    .div14 { -ms-grid-row: 17; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 17 / 1 / 20 / 2; }
    .div15 { -ms-grid-row: 19; -ms-grid-row-span: 3; -ms-grid-column: 2; -ms-grid-column-span: 2; grid-area: 19 / 2 / 22 / 4; }
    .div16 { -ms-grid-row: 15; -ms-grid-row-span: 4; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 15 / 2 / 19 / 3; }
    .div17 { -ms-grid-row: 14; -ms-grid-row-span: 3; -ms-grid-column: 3; -ms-grid-column-span: 1; grid-area: 14 / 3 / 17 / 4; }
    .div18 { -ms-grid-row: 17; -ms-grid-row-span: 2; -ms-grid-column: 3; -ms-grid-column-span: 1; grid-area: 17 / 3 / 19 / 4; }
    .div19 { -ms-grid-row: 20; -ms-grid-row-span: 4; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 20 / 1 / 24 / 2; }
    .div20 { -ms-grid-row: 24; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: 24 / 1 / 27 / 3; }
    .div21 { -ms-grid-row: 22; -ms-grid-row-span: 2; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 22 / 2 / 24 / 3; }
    .div22 { -ms-grid-row: 11; -ms-grid-row-span: 3; -ms-grid-column: 3; -ms-grid-column-span: 1; grid-area: 11 / 3 / 14 / 4; }
    .div23 { -ms-grid-row: 22; -ms-grid-row-span: 3; -ms-grid-column: 3; -ms-grid-column-span: 1; grid-area: 22 / 3 / 25 / 4; }
    .div24 { -ms-grid-row: 25; -ms-grid-row-span: 4; -ms-grid-column: 3; -ms-grid-column-span: 1; grid-area: 25 / 3 / 29 / 4; }
    .div25 { -ms-grid-row: 29; -ms-grid-row-span: 3; -ms-grid-column: 2; -ms-grid-column-span: 2; grid-area: 29 / 2 / 32 / 4; }
    .div26 { -ms-grid-row: 27; -ms-grid-row-span: 2; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 27 / 2 / 29 / 3; }
    .div27 { -ms-grid-row: 32; -ms-grid-row-span: 2; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 32 / 2 / 34 / 3; }
    .div28 { -ms-grid-row: 34; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: 34 / 1 / 37 / 3; }
    .div29 { -ms-grid-row: 32; -ms-grid-row-span: 3; -ms-grid-column: 3; -ms-grid-column-span: 1; grid-area: 32 / 3 / 35 / 4; }
    .div30 { -ms-grid-row: 35; -ms-grid-row-span: 2; -ms-grid-column: 3; -ms-grid-column-span: 1; grid-area: 35 / 3 / 37 / 4; }
    .div31 { -ms-grid-row: 27; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 27 / 1 / 30 / 2; }
    .div32 { -ms-grid-row: 30; -ms-grid-row-span: 4; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 30 / 1 / 34 / 2; }


}

/*lg Desktop*/
@media screen and (min-width:993px) {

    .main-page>.whole-services>li>a {
        font-size: 18px;
    }
    /*.main-page>.navigation>ul>li{*/
    /*    font-size: 1.9vw;*/
    /*}*/
    .menu {
        /*-ms-grid-columns: (24.5%)[4];*/
        grid-template-columns: repeat(4, 24.5%);
        /*grid-template-columns: 24.5% 24.5% 24.5% 24.5%;*/
        /*-ms-grid-rows: (12vh)[26];*/
        grid-template-rows: repeat(26, 12vh);
        /*grid-template-rows:  12vh 12vh 12vh 12vh 12vh 12vh 12vh 12vh 12vh 12vh 12vh 12vh 12vh 12vh 12vh 12vh 12vh 12vh 12vh 12vh 12vh 12vh 12vh 12vh 12vh 12vh*/
    }
    .menu > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(3) {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(4) {
        -ms-grid-row: 1;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(5) {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(6) {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(7) {
        -ms-grid-row: 2;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(8) {
        -ms-grid-row: 2;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(9) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(10) {
        -ms-grid-row: 3;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(11) {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(12) {
        -ms-grid-row: 3;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(13) {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(14) {
        -ms-grid-row: 4;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(15) {
        -ms-grid-row: 4;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(16) {
        -ms-grid-row: 4;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(17) {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(18) {
        -ms-grid-row: 5;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(19) {
        -ms-grid-row: 5;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(20) {
        -ms-grid-row: 5;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(21) {
        -ms-grid-row: 6;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(22) {
        -ms-grid-row: 6;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(23) {
        -ms-grid-row: 6;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(24) {
        -ms-grid-row: 6;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(25) {
        -ms-grid-row: 7;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(26) {
        -ms-grid-row: 7;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(27) {
        -ms-grid-row: 7;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(28) {
        -ms-grid-row: 7;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(29) {
        -ms-grid-row: 8;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(30) {
        -ms-grid-row: 8;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(31) {
        -ms-grid-row: 8;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(32) {
        -ms-grid-row: 8;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(33) {
        -ms-grid-row: 9;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(34) {
        -ms-grid-row: 9;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(35) {
        -ms-grid-row: 9;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(36) {
        -ms-grid-row: 9;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(37) {
        -ms-grid-row: 10;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(38) {
        -ms-grid-row: 10;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(39) {
        -ms-grid-row: 10;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(40) {
        -ms-grid-row: 10;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(41) {
        -ms-grid-row: 11;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(42) {
        -ms-grid-row: 11;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(43) {
        -ms-grid-row: 11;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(44) {
        -ms-grid-row: 11;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(45) {
        -ms-grid-row: 12;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(46) {
        -ms-grid-row: 12;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(47) {
        -ms-grid-row: 12;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(48) {
        -ms-grid-row: 12;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(49) {
        -ms-grid-row: 13;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(50) {
        -ms-grid-row: 13;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(51) {
        -ms-grid-row: 13;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(52) {
        -ms-grid-row: 13;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(53) {
        -ms-grid-row: 14;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(54) {
        -ms-grid-row: 14;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(55) {
        -ms-grid-row: 14;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(56) {
        -ms-grid-row: 14;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(57) {
        -ms-grid-row: 15;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(58) {
        -ms-grid-row: 15;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(59) {
        -ms-grid-row: 15;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(60) {
        -ms-grid-row: 15;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(61) {
        -ms-grid-row: 16;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(62) {
        -ms-grid-row: 16;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(63) {
        -ms-grid-row: 16;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(64) {
        -ms-grid-row: 16;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(65) {
        -ms-grid-row: 17;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(66) {
        -ms-grid-row: 17;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(67) {
        -ms-grid-row: 17;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(68) {
        -ms-grid-row: 17;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(69) {
        -ms-grid-row: 18;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(70) {
        -ms-grid-row: 18;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(71) {
        -ms-grid-row: 18;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(72) {
        -ms-grid-row: 18;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(73) {
        -ms-grid-row: 19;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(74) {
        -ms-grid-row: 19;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(75) {
        -ms-grid-row: 19;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(76) {
        -ms-grid-row: 19;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(77) {
        -ms-grid-row: 20;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(78) {
        -ms-grid-row: 20;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(79) {
        -ms-grid-row: 20;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(80) {
        -ms-grid-row: 20;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(81) {
        -ms-grid-row: 21;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(82) {
        -ms-grid-row: 21;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(83) {
        -ms-grid-row: 21;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(84) {
        -ms-grid-row: 21;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(85) {
        -ms-grid-row: 22;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(86) {
        -ms-grid-row: 22;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(87) {
        -ms-grid-row: 22;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(88) {
        -ms-grid-row: 22;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(89) {
        -ms-grid-row: 23;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(90) {
        -ms-grid-row: 23;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(91) {
        -ms-grid-row: 23;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(92) {
        -ms-grid-row: 23;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(93) {
        -ms-grid-row: 24;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(94) {
        -ms-grid-row: 24;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(95) {
        -ms-grid-row: 24;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(96) {
        -ms-grid-row: 24;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(97) {
        -ms-grid-row: 25;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(98) {
        -ms-grid-row: 25;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(99) {
        -ms-grid-row: 25;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(100) {
        -ms-grid-row: 25;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(101) {
        -ms-grid-row: 26;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(102) {
        -ms-grid-row: 26;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(103) {
        -ms-grid-row: 26;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(104) {
        -ms-grid-row: 26;
        -ms-grid-column: 4;
    }

    .div1 { -ms-grid-row: 1; -ms-grid-row-span: 4; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 1 / 1 / 5 / 2; }
    .div2 { -ms-grid-row: 5; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 5 / 1 / 7 / 2; }
    .div3 { -ms-grid-row: 7; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 7 / 1 / 10 / 2; }
    .div4 { -ms-grid-row: 10; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 10 / 1 / 12 / 2; }
    .div5 { -ms-grid-row: 12; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: 12 / 1 / 15 / 3; }
    .div6 { -ms-grid-row: 15; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 15 / 1 / 17 / 2; }
    .div7 { -ms-grid-row: 1; -ms-grid-row-span: 3; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 1 / 2 / 4 / 3; }
    .div8 { -ms-grid-row: 4; -ms-grid-row-span: 2; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 4 / 2 / 6 / 3; }
    .div9 { -ms-grid-row: 6; -ms-grid-row-span: 3; -ms-grid-column: 2; -ms-grid-column-span: 2; grid-area: 6 / 2 / 9 / 4; }
    .div10 { -ms-grid-row: 9; -ms-grid-row-span: 3; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 9 / 2 / 12 / 3; }
    .div11 { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 3; -ms-grid-column-span: 1; grid-area: 1 / 3 / 3 / 4; }
    .div12 { -ms-grid-row: 3; -ms-grid-row-span: 3; -ms-grid-column: 3; -ms-grid-column-span: 1; grid-area: 3 / 3 / 6 / 4; }
    .div13 { -ms-grid-row: 9; -ms-grid-row-span: 2; -ms-grid-column: 3; -ms-grid-column-span: 1; grid-area: 9 / 3 / 11 / 4; }
    .div14 { -ms-grid-row: 11; -ms-grid-row-span: 3; -ms-grid-column: 3; -ms-grid-column-span: 2; grid-area: 11 / 3 / 14 / 5; }
    .div15 { -ms-grid-row: 4; -ms-grid-row-span: 3; -ms-grid-column: 4; -ms-grid-column-span: 1; grid-area: 4 / 4 / 7 / 5; }
    .div16 { -ms-grid-row: 7; -ms-grid-row-span: 4; -ms-grid-column: 4; -ms-grid-column-span: 1; grid-area: 7 / 4 / 11 / 5; }
    .div17 { -ms-grid-row: 14; -ms-grid-row-span: 2; -ms-grid-column: 4; -ms-grid-column-span: 1; grid-area: 14 / 4 / 16 / 5; }
    .div18 { -ms-grid-row: 17; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 17 / 1 / 20 / 2; }
    .div19 { -ms-grid-row: 19; -ms-grid-row-span: 3; -ms-grid-column: 2; -ms-grid-column-span: 2; grid-area: 19 / 2 / 22 / 4; }
    .div20 { -ms-grid-row: 15; -ms-grid-row-span: 4; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 15 / 2 / 19 / 3; }
    .div21 { -ms-grid-row: 14; -ms-grid-row-span: 3; -ms-grid-column: 3; -ms-grid-column-span: 1; grid-area: 14 / 3 / 17 / 4; }
    .div22 { -ms-grid-row: 17; -ms-grid-row-span: 2; -ms-grid-column: 3; -ms-grid-column-span: 1; grid-area: 17 / 3 / 19 / 4; }
    .div23 { -ms-grid-row: 16; -ms-grid-row-span: 2; -ms-grid-column: 4; -ms-grid-column-span: 1; grid-area: 16 / 4 / 18 / 5; }
    .div24 { -ms-grid-row: 1; -ms-grid-row-span: 3; -ms-grid-column: 4; -ms-grid-column-span: 1; grid-area: 1 / 4 / 4 / 5; }
    .div25 { -ms-grid-row: 20; -ms-grid-row-span: 4; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 20 / 1 / 24 / 2; }
    .div26 { -ms-grid-row: 24; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: 24 / 1 / 27 / 3; }
    .div27 { -ms-grid-row: 22; -ms-grid-row-span: 2; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 22 / 2 / 24 / 3; }
    .div28 { -ms-grid-row: 22; -ms-grid-row-span: 3; -ms-grid-column: 3; -ms-grid-column-span: 1; grid-area: 22 / 3 / 25 / 4; }
    .div29 { -ms-grid-row: 25; -ms-grid-row-span: 2; -ms-grid-column: 3; -ms-grid-column-span: 1; grid-area: 25 / 3 / 27 / 4; }
    .div30 { -ms-grid-row: 18; -ms-grid-row-span: 3; -ms-grid-column: 4; -ms-grid-column-span: 1; grid-area: 18 / 4 / 21 / 5; }
    .div31 { -ms-grid-row: 21; -ms-grid-row-span: 2; -ms-grid-column: 4; -ms-grid-column-span: 1; grid-area: 21 / 4 / 23 / 5; }
    .div32 { -ms-grid-row: 23; -ms-grid-row-span: 4; -ms-grid-column: 4; -ms-grid-column-span: 1; grid-area: 23 / 4 / 27 / 5; }





}

/*xl Big*/
@media screen and (min-width:1201px) {
    .main-page>.whole-services>li>a {
        font-size: 20px;
    }
    .main-page>.navigation>ul>li{
        font-size: 20px
    }
    .menu {
        /*-ms-grid-columns: (19.5%)[5];*/
        grid-template-columns: repeat(5, 19.5%);
        /*-ms-grid-rows: (12vh)[21];*/
        grid-template-rows: repeat(21, 12vh);
    }
    .menu > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(3) {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(4) {
        -ms-grid-row: 1;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(5) {
        -ms-grid-row: 1;
        -ms-grid-column: 5;
    }
    .menu > *:nth-child(6) {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(7) {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(8) {
        -ms-grid-row: 2;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(9) {
        -ms-grid-row: 2;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(10) {
        -ms-grid-row: 2;
        -ms-grid-column: 5;
    }
    .menu > *:nth-child(11) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(12) {
        -ms-grid-row: 3;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(13) {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(14) {
        -ms-grid-row: 3;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(15) {
        -ms-grid-row: 3;
        -ms-grid-column: 5;
    }
    .menu > *:nth-child(16) {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(17) {
        -ms-grid-row: 4;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(18) {
        -ms-grid-row: 4;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(19) {
        -ms-grid-row: 4;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(20) {
        -ms-grid-row: 4;
        -ms-grid-column: 5;
    }
    .menu > *:nth-child(21) {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(22) {
        -ms-grid-row: 5;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(23) {
        -ms-grid-row: 5;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(24) {
        -ms-grid-row: 5;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(25) {
        -ms-grid-row: 5;
        -ms-grid-column: 5;
    }
    .menu > *:nth-child(26) {
        -ms-grid-row: 6;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(27) {
        -ms-grid-row: 6;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(28) {
        -ms-grid-row: 6;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(29) {
        -ms-grid-row: 6;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(30) {
        -ms-grid-row: 6;
        -ms-grid-column: 5;
    }
    .menu > *:nth-child(31) {
        -ms-grid-row: 7;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(32) {
        -ms-grid-row: 7;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(33) {
        -ms-grid-row: 7;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(34) {
        -ms-grid-row: 7;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(35) {
        -ms-grid-row: 7;
        -ms-grid-column: 5;
    }
    .menu > *:nth-child(36) {
        -ms-grid-row: 8;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(37) {
        -ms-grid-row: 8;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(38) {
        -ms-grid-row: 8;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(39) {
        -ms-grid-row: 8;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(40) {
        -ms-grid-row: 8;
        -ms-grid-column: 5;
    }
    .menu > *:nth-child(41) {
        -ms-grid-row: 9;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(42) {
        -ms-grid-row: 9;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(43) {
        -ms-grid-row: 9;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(44) {
        -ms-grid-row: 9;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(45) {
        -ms-grid-row: 9;
        -ms-grid-column: 5;
    }
    .menu > *:nth-child(46) {
        -ms-grid-row: 10;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(47) {
        -ms-grid-row: 10;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(48) {
        -ms-grid-row: 10;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(49) {
        -ms-grid-row: 10;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(50) {
        -ms-grid-row: 10;
        -ms-grid-column: 5;
    }
    .menu > *:nth-child(51) {
        -ms-grid-row: 11;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(52) {
        -ms-grid-row: 11;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(53) {
        -ms-grid-row: 11;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(54) {
        -ms-grid-row: 11;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(55) {
        -ms-grid-row: 11;
        -ms-grid-column: 5;
    }
    .menu > *:nth-child(56) {
        -ms-grid-row: 12;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(57) {
        -ms-grid-row: 12;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(58) {
        -ms-grid-row: 12;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(59) {
        -ms-grid-row: 12;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(60) {
        -ms-grid-row: 12;
        -ms-grid-column: 5;
    }
    .menu > *:nth-child(61) {
        -ms-grid-row: 13;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(62) {
        -ms-grid-row: 13;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(63) {
        -ms-grid-row: 13;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(64) {
        -ms-grid-row: 13;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(65) {
        -ms-grid-row: 13;
        -ms-grid-column: 5;
    }
    .menu > *:nth-child(66) {
        -ms-grid-row: 14;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(67) {
        -ms-grid-row: 14;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(68) {
        -ms-grid-row: 14;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(69) {
        -ms-grid-row: 14;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(70) {
        -ms-grid-row: 14;
        -ms-grid-column: 5;
    }
    .menu > *:nth-child(71) {
        -ms-grid-row: 15;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(72) {
        -ms-grid-row: 15;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(73) {
        -ms-grid-row: 15;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(74) {
        -ms-grid-row: 15;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(75) {
        -ms-grid-row: 15;
        -ms-grid-column: 5;
    }
    .menu > *:nth-child(76) {
        -ms-grid-row: 16;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(77) {
        -ms-grid-row: 16;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(78) {
        -ms-grid-row: 16;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(79) {
        -ms-grid-row: 16;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(80) {
        -ms-grid-row: 16;
        -ms-grid-column: 5;
    }
    .menu > *:nth-child(81) {
        -ms-grid-row: 17;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(82) {
        -ms-grid-row: 17;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(83) {
        -ms-grid-row: 17;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(84) {
        -ms-grid-row: 17;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(85) {
        -ms-grid-row: 17;
        -ms-grid-column: 5;
    }
    .menu > *:nth-child(86) {
        -ms-grid-row: 18;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(87) {
        -ms-grid-row: 18;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(88) {
        -ms-grid-row: 18;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(89) {
        -ms-grid-row: 18;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(90) {
        -ms-grid-row: 18;
        -ms-grid-column: 5;
    }
    .menu > *:nth-child(91) {
        -ms-grid-row: 19;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(92) {
        -ms-grid-row: 19;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(93) {
        -ms-grid-row: 19;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(94) {
        -ms-grid-row: 19;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(95) {
        -ms-grid-row: 19;
        -ms-grid-column: 5;
    }
    .menu > *:nth-child(96) {
        -ms-grid-row: 20;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(97) {
        -ms-grid-row: 20;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(98) {
        -ms-grid-row: 20;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(99) {
        -ms-grid-row: 20;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(100) {
        -ms-grid-row: 20;
        -ms-grid-column: 5;
    }
    .menu > *:nth-child(101) {
        -ms-grid-row: 21;
        -ms-grid-column: 1;
    }
    .menu > *:nth-child(102) {
        -ms-grid-row: 21;
        -ms-grid-column: 2;
    }
    .menu > *:nth-child(103) {
        -ms-grid-row: 21;
        -ms-grid-column: 3;
    }
    .menu > *:nth-child(104) {
        -ms-grid-row: 21;
        -ms-grid-column: 4;
    }
    .menu > *:nth-child(105) {
        -ms-grid-row: 21;
        -ms-grid-column: 5;
    }
    .div1 { -ms-grid-row: 1; -ms-grid-row-span: 4; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 1 / 1 / 5 / 2; }
    .div2 { -ms-grid-row: 5; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 5 / 1 / 7 / 2; }
    .div3 { -ms-grid-row: 7; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 7 / 1 / 10 / 2; }
    .div4 { -ms-grid-row: 10; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 10 / 1 / 12 / 2; }
    .div5 { -ms-grid-row: 12; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: 12 / 1 / 15 / 3; }
    .div6 { -ms-grid-row: 15; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 15 / 1 / 17 / 2; }
    .div7 { -ms-grid-row: 1; -ms-grid-row-span: 3; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 1 / 2 / 4 / 3; }
    .div8 { -ms-grid-row: 4; -ms-grid-row-span: 2; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 4 / 2 / 6 / 3; }
    .div9 { -ms-grid-row: 6; -ms-grid-row-span: 3; -ms-grid-column: 2; -ms-grid-column-span: 2; grid-area: 6 / 2 / 9 / 4; }
    .div10 { -ms-grid-row: 9; -ms-grid-row-span: 3; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 9 / 2 / 12 / 3; }
    .div11 { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 3; -ms-grid-column-span: 1; grid-area: 1 / 3 / 3 / 4; }
    .div12 { -ms-grid-row: 3; -ms-grid-row-span: 3; -ms-grid-column: 3; -ms-grid-column-span: 1; grid-area: 3 / 3 / 6 / 4; }
    .div13 { -ms-grid-row: 9; -ms-grid-row-span: 2; -ms-grid-column: 3; -ms-grid-column-span: 1; grid-area: 9 / 3 / 11 / 4; }
    .div14 { -ms-grid-row: 11; -ms-grid-row-span: 3; -ms-grid-column: 3; -ms-grid-column-span: 2; grid-area: 11 / 3 / 14 / 5; }
    .div15 { -ms-grid-row: 1; -ms-grid-row-span: 3; -ms-grid-column: 4; -ms-grid-column-span: 2; grid-area: 1 / 4 / 4 / 6; }
    .div16 { -ms-grid-row: 4; -ms-grid-row-span: 3; -ms-grid-column: 4; -ms-grid-column-span: 1; grid-area: 4 / 4 / 7 / 5; }
    .div17 { -ms-grid-row: 7; -ms-grid-row-span: 4; -ms-grid-column: 4; -ms-grid-column-span: 1; grid-area: 7 / 4 / 11 / 5; }
    .div18 { -ms-grid-row: 14; -ms-grid-row-span: 2; -ms-grid-column: 4; -ms-grid-column-span: 1; grid-area: 14 / 4 / 16 / 5; }
    .div19 { -ms-grid-row: 4; -ms-grid-row-span: 2; -ms-grid-column: 5; -ms-grid-column-span: 1; grid-area: 4 / 5 / 6 / 6; }
    .div20 { -ms-grid-row: 6; -ms-grid-row-span: 4; -ms-grid-column: 5; -ms-grid-column-span: 1; grid-area: 6 / 5 / 10 / 6; }
    .div21 { -ms-grid-row: 10; -ms-grid-row-span: 3; -ms-grid-column: 5; -ms-grid-column-span: 1; grid-area: 10 / 5 / 13 / 6; }
    .div22 { -ms-grid-row: 13; -ms-grid-row-span: 2; -ms-grid-column: 5; -ms-grid-column-span: 1; grid-area: 13 / 5 / 15 / 6; }
    .div23 { -ms-grid-row: 17; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 17 / 1 / 20 / 2; }
    .div24 { -ms-grid-row: 20; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 20 / 1 / 22 / 2; }
    .div25 { -ms-grid-row: 19; -ms-grid-row-span: 3; -ms-grid-column: 2; -ms-grid-column-span: 2; grid-area: 19 / 2 / 22 / 4; }
    .div26 { -ms-grid-row: 15; -ms-grid-row-span: 4; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 15 / 2 / 19 / 3; }
    .div27 { -ms-grid-row: 14; -ms-grid-row-span: 3; -ms-grid-column: 3; -ms-grid-column-span: 1; grid-area: 14 / 3 / 17 / 4; }
    .div28 { -ms-grid-row: 17; -ms-grid-row-span: 2; -ms-grid-column: 3; -ms-grid-column-span: 1; grid-area: 17 / 3 / 19 / 4; }
    .div29 { -ms-grid-row: 16; -ms-grid-row-span: 2; -ms-grid-column: 4; -ms-grid-column-span: 1; grid-area: 16 / 4 / 18 / 5; }
    .div30 { -ms-grid-row: 18; -ms-grid-row-span: 4; -ms-grid-column: 4; -ms-grid-column-span: 1; grid-area: 18 / 4 / 22 / 5; }
    .div31 { -ms-grid-row: 15; -ms-grid-row-span: 4; -ms-grid-column: 5; -ms-grid-column-span: 1; grid-area: 15 / 5 / 19 / 6; }
    .div32 { -ms-grid-row: 19; -ms-grid-row-span: 3; -ms-grid-column: 5; -ms-grid-column-span: 1; grid-area: 19 / 5 / 22 / 6; }
}