/* ---------------------------- --------------------------- ---------------------------- */ /* ---------------------------- --------------------------- ---------------------------- */ /* ---------------------------- - ROOT MEDIA -- HOME GRID - ---------------------------- */ /* ---------------------------- --------------------------- ---------------------------- */ /* ---------------------------- --------------------------- ---------------------------- */ /* ---------------------------- --------------------------- ---------------------------- */ /* ---------------------------- ROOT MEDIA - HOME GRID ROWS ---------------------------- */ /* ---------------------------- --------------------------- ---------------------------- */ /* ---------------------------- ROOT MEDIA GRID CELL HEIGHT ---------------------------- */ @media (max-width: 470px) and (min-width: 391px) { :root { --Grid-Cell-Height: var(--Grid-Cell-Height-2); } } @media (max-width: 390px) { :root { --Grid-Cell-Height: var(--Grid-Cell-Height-3); } } /* ---------------------------- --------------------------- ---------------------------- */ /* ---------------------------- ROOT MEDIA HOME GRID COLUMN ---------------------------- */ /* ---------------------------- --------------------------- ---------------------------- */ /* ---------------------------- ROOT MEDIA - GRID COLUMN NB ---------------------------- */ @media (max-width: 1500px) and (min-width: 551px) { :root { --Grid-Columns-Number: var(--Grid-Columns-Number-2); } } @media (max-width: 550px) { :root { --Grid-Columns-Number: var(--Grid-Columns-Number-3); } } /* ------------------------ - ROOT MEDIA -- GRID GLOBAL WIDTH - ------------------------ */ @media (max-width: 1500px) and (min-width: 1201px) { :root { --Grid-Global-Width: var(--Grid-Global-Width-2); } } @media (max-width: 1200px) and (min-width: 551px) { :root { --Grid-Global-Width: var(--Grid-Global-Width-3); } } @media (max-width: 550px) { :root { --Grid-Global-Width: var(--Grid-Global-Width-4); } } /* -------------------------- ROOT MEDIA -- GRID COLUMN WIDTH -------------------------- */ @media (max-width: 1500px) and (min-width: 1201px) { :root { --Grid-Column-Width: var(--Grid-Column-Width-2); } } @media (max-width: 1200px) and (min-width: 551px) { :root { --Grid-Column-Width: var(--Grid-Column-Width-3); } } @media (max-width: 550px) { /* ---------------- 550 OU 470 ---------------- */ :root { --Grid-Column-Width: var(--Grid-Column-Width-4); } } /* --------------------------- ROOT MEDIA - GRID COLUMN LEFT --------------------------- */ @media (max-width: 1500px) and (min-width: 551px) { :root { --Grid-Column-B-Left: var(--Grid-Column-B-Left-2); --Grid-Column-C-Left: var(--Grid-Column-C-Left-2); --Grid-Column-D-Left: var(--Grid-Column-D-Left-2); } } @media (max-width: 550px) { /* ---------------- 550 OU 470 ---------------- */ :root { --Grid-Column-C-Left: var(--Grid-Column-C-Left-3); } } /* --------------------------- ROOT MEDIA -- GRID COLUMN TOP --------------------------- */ @media (max-width: 1500px) and (min-width: 551px) { :root { --Grid-Column-B-Top: var(--Grid-Column-B-Top-2); --Grid-Column-C-Top: var(--Grid-Column-C-Top-2); --Grid-Column-D-Top: var(--Grid-Column-D-Top-2); } } @media (max-width: 550px) { :root { --Grid-Column-C-Top: var(--Grid-Column-C-Top-3); } } /* -------------------------- ROOT MEDIA - GRID COLUMN HEIGHT -------------------------- */ @media (max-width: 1500px) and (min-width: 551px) { :root { --Grid-Column-B-Height: var(--Grid-Column-B-Height-2); --Grid-Column-C-Height: var(--Grid-Column-C-Height-2); --Grid-Column-D-Height: var(--Grid-Column-D-Height-2); } } @media (max-width: 550px) { :root { --Grid-Column-C-Height: var(--Grid-Column-C-Height-3); } } /* ---------------------------- --------------------------- ---------------------------- */ /* -------------------------- ROOT MEDIA - HOME GRID GENERAL --------------------------- */ /* ---------------------------- --------------------------- ---------------------------- */ /* ------------------------ ROOT MEDIA -- HOME GRID GLOBAL TOP ------------------------- */ /* ------------------------ ROOT MEDIA -- HOME LOGO FULL CONTAINER TOP ----------------- */ /* ------------------------ ROOT MEDIA -- HOME LOGO GLOBAL CONTAINER TOP --------------- */ /* ------------------------ ROOT MEDIA -- HOME LOGO GLOBAL CONTAINER HEIGHT ------------ */ /* ------------------------ ROOT MEDIA -- HOME LOGO PRINCIPAL CONTAINER HEIGHT --------- */ @media (max-height: 1239px) and (min-height: 1120px) { :root { --Grid-Global-Top: var(--Grid-Global-Top-2); --Home-Logo-Full-Container-Top: var(--Home-Logo-Full-Container-Top-2); } } @media (max-height: 1119px) and (min-height: 1000px) { :root { --Grid-Global-Top: var(--Grid-Global-Top-1); --Home-Logo-Full-Container-Top: var(--Home-Logo-Full-Container-Top-1); } } @media (max-height: 999px) and (min-height: 880px) { :root { --Grid-Global-Top: var(--Grid-Global-Top-2); --Home-Logo-Full-Container-Top: var(--Home-Logo-Full-Container-Top-2); } } @media (max-height: 879px) and (min-height: 760px) { :root { --Grid-Global-Top: var(--Grid-Global-Top-1); --Home-Logo-Full-Container-Top: var(--Home-Logo-Full-Container-Top-1); } } @media (max-height: 759px) and (min-height: 640px) { :root { --Grid-Global-Top: var(--Grid-Global-Top-2); --Home-Logo-Full-Container-Top: var(--Home-Logo-Full-Container-Top-2); } } @media (max-height: 639px) { :root { --Grid-Global-Top: var(--Grid-Global-Top-1); --Home-Logo-Full-Container-Top: var(--Home-Logo-Full-Container-Top-1); } } /* ---------------------------- --------------------------- ---------------------------- */ @media (max-width: 470px) and (min-width: 391px) { @media (max-height: 1300px) and (min-height: 1245px) { :root { --Grid-Global-Top: var(--Grid-Global-Top-2); } } @media (max-height: 1244px) and (min-height: 1135px) { :root { --Grid-Global-Top: var(--Grid-Global-Top-1); } } @media (max-height: 1134px) and (min-height: 1025px) { :root { --Grid-Global-Top: var(--Grid-Global-Top-2); } } @media (max-height: 1024px) and (min-height: 915px) { :root { --Grid-Global-Top: var(--Grid-Global-Top-1); } } @media (max-height: 914px) and (min-height: 805px) { :root { --Grid-Global-Top: var(--Grid-Global-Top-2); } } @media (max-height: 804px) and (min-height: 695px) { :root { --Grid-Global-Top: var(--Grid-Global-Top-1); } } @media (max-height: 694px) and (min-height: 585px) { :root { --Grid-Global-Top: var(--Grid-Global-Top-2); } } @media (max-height: 584px) { :root { --Grid-Global-Top: var(--Grid-Global-Top-1); } } } /* ---------------------------- --------------------------- ---------------------------- */ @media (max-width: 390px) { @media (max-height: 1229px) and (min-height: 1130px) { :root { --Grid-Global-Top: var(--Grid-Global-Top-2); } } @media (max-height: 1129px) and (min-height: 1030px) { :root { --Grid-Global-Top: var(--Grid-Global-Top-1); } } @media (max-height: 1029px) and (min-height: 930px) { :root { --Grid-Global-Top: var(--Grid-Global-Top-2); } } @media (max-height: 929px) and (min-height: 830px) { :root { --Grid-Global-Top: var(--Grid-Global-Top-1); } } @media (max-height: 829px) and (min-height: 730px) { :root { --Grid-Global-Top: var(--Grid-Global-Top-2); } } @media (max-height: 729px) and (min-height: 630px) { :root { --Grid-Global-Top: var(--Grid-Global-Top-1); } } @media (max-height: 629px) and (min-height: 530px) { :root { --Grid-Global-Top: var(--Grid-Global-Top-2); } } @media (max-height: 529px) { :root { --Grid-Global-Top: var(--Grid-Global-Top-1); } } } /* ------------------------ ----------------------------------- ------------------------ */ /* ---------------------- ROOT MEDIA LOGO GLOBAL CONTAINER HEIGHT ---------------------- */ /* ------------------------ ----------------------------------- ------------------------ */ @media (max-width: 1500px) and (min-width: 1201px) { :root { --Home-Logo-Global-Container-Height: var(--Home-Logo-Global-Container-Height-1500); } } @media (max-width: 1200px) and (min-width: 851px) { :root { --Home-Logo-Global-Container-Height: var(--Home-Logo-Global-Container-Height-1200); } } @media (max-width: 850px) and (min-width: 551px) { :root { --Home-Logo-Global-Container-Height: var(--Home-Logo-Global-Container-Height-850); } } @media (max-width: 550px) and (min-width: 471px) { :root { --Home-Logo-Global-Container-Height: var(--Home-Logo-Global-Container-Height-550); } } @media (max-width: 470px) and (min-width: 391px) { :root { --Home-Logo-Global-Container-Height: var(--Home-Logo-Global-Container-Height-470); } } @media (max-width: 390px) { :root { --Home-Logo-Global-Container-Height: var(--Home-Logo-Global-Container-Height-390); } } /* ------------------------ ----------------------------------- ------------------------ */ /* ------------------------ ROOT MEDIA BLOCK PRIME B C D HEIGHT ------------------------ */ /* ------------------------ ----------------------------------- ------------------------ */ @media (max-width: 1500px) { :root { --Block-Prime-B-Height: var(--Block-Prime-B-Height-1500); --Block-Prime-C-Height: var(--Block-Prime-C-Height-1500); --Block-Prime-D-Height: var(--Block-Prime-D-Height-1500); } } /* ------------------------ ----------------------------------- ------------------------ */ /* -------------------- ROOT MEDIA COL PRIME GLOB CONT B C D HEIGHT -------------------- */ /* ------------------------ ----------------------------------- ------------------------ */ @media (max-width: 1500px) { :root { --Column-Prime-Global-B-Container-Height: var(--Column-Prime-Global-B-Container-Height-1500); --Column-Prime-Global-C-Container-Height: var(--Column-Prime-Global-C-Container-Height-1500); --Column-Prime-Global-D-Container-Height: var(--Column-Prime-Global-D-Container-Height-1500); } } /* ------------------------ ----------------------------------- ------------------------ */ /* --------------------- ROOT MEDIA COL PRIME FULL CONT B D HEIGHT --------------------- */ /* ------------------------ ----------------------------------- ------------------------ */ @media (max-width: 1500px) { :root { --Column-Prime-Full-B-Container-Height: var(--Column-Prime-Full-B-Container-Height-1500); --Column-Prime-Full-D-Container-Height: var(--Column-Prime-Full-D-Container-Height-1500); } } /* ------------------------ ----------------------------------- ------------------------ */ /* --------------------- ROOT MEDIA COL PRIME PRNCPL CONT C HEIGHT --------------------- */ /* ------------------------ ----------------------------------- ------------------------ */ @media (max-width: 1500px) { :root { --Column-Prime-Principal-C-Container-Height: var(--Column-Prime-Principal-C-Container-Height-1500); } } /* ------------------------ ----------------------------------- ------------------------ */ /* ----------------------- ROOT MEDIA FOOTER ULTRA CONTAINER TOP ----------------------- */ /* ------------------------ ----------------------------------- ------------------------ */ @media (max-width: 1500px) and (min-width: 851px) { :root { --Footer-Ultra-Container-Top: calc((var(--Footer-Ultra-Container-Top-2)) + (var(--Grid-Global-Top))); } } @media (max-width: 850px) and (min-width: 551px) { :root { --Footer-Ultra-Container-Top: calc((var(--Footer-Ultra-Container-Top-3)) + (var(--Grid-Global-Top))); } } @media (max-width: 550px) { :root { --Footer-Ultra-Container-Top: calc((var(--Footer-Ultra-Container-Top-4)) + (var(--Grid-Global-Top))); } } /* ---------------------------- --------------------------- ---------------------------- */ /* ---------------------------- ROOT MEDIA BLOCKS GAP MULTI ---------------------------- */ /* ---------------------------- --------------------------- ---------------------------- */ /* --------------------------- ROOT MEDIA BLOCKS GAP MULTI L --------------------------- */ @media (max-height: 1199px) and (min-height: 1080px) { :root { --Blocks-Gap-Multi-L: var(--Blocks-Gap-Multi-L-2); } } @media (max-height: 1079px) and (min-height: 960px) { :root { --Blocks-Gap-Multi-L: var(--Blocks-Gap-Multi-L-3); } } @media (max-height: 959px) and (min-height: 840px) { :root { --Blocks-Gap-Multi-L: var(--Blocks-Gap-Multi-L-4); } } @media (max-height: 839px) and (min-height: 720px) { :root { --Blocks-Gap-Multi-L: var(--Blocks-Gap-Multi-L-5); } } @media (max-height: 719px) and (min-height: 600px) { :root { --Blocks-Gap-Multi-L: var(--Blocks-Gap-Multi-L-6); } } @media (max-height: 599px) and (min-height: 480px) { :root { --Blocks-Gap-Multi-L: var(--Blocks-Gap-Multi-L-7); } } @media (max-height: 479px) and (min-height: 360px) { :root { --Blocks-Gap-Multi-L: var(--Blocks-Gap-Multi-L-8); } } @media (max-height: 359px) and (min-height: 240px) { :root { --Blocks-Gap-Multi-L: var(--Blocks-Gap-Multi-L-9); } } @media (max-height: 239px) and (min-height: 120px) { :root { --Blocks-Gap-Multi-L: var(--Blocks-Gap-Multi-L-10); } } /* --------------------------- ROOT MEDIA BLOCKS GAP MULTI M --------------------------- */ @media (max-height: 1209px) and (min-height: 1100px) { :root { --Blocks-Gap-Multi-M: var(--Blocks-Gap-Multi-M-2); } } @media (max-height: 1099px) and (min-height: 990px) { :root { --Blocks-Gap-Multi-M: var(--Blocks-Gap-Multi-M-3); } } @media (max-height: 989px) and (min-height: 880px) { :root { --Blocks-Gap-Multi-M: var(--Blocks-Gap-Multi-M-4); } } @media (max-height: 879px) and (min-height: 770px) { :root { --Blocks-Gap-Multi-M: var(--Blocks-Gap-Multi-M-5); } } @media (max-height: 769px) and (min-height: 660px) { :root { --Blocks-Gap-Multi-M: var(--Blocks-Gap-Multi-M-6); } } @media (max-height: 659px) and (min-height: 550px) { :root { --Blocks-Gap-Multi-M: var(--Blocks-Gap-Multi-M-7); } } @media (max-height: 549px) { :root { --Blocks-Gap-Multi-M: var(--Blocks-Gap-Multi-M-8); } } /* --------------------------- ROOT MEDIA BLOCKS GAP MULTI S --------------------------- */ @media (max-height: 1299px) and (min-height: 1200px) { :root { --Blocks-Gap-Multi-S: var(--Blocks-Gap-Multi-S-2); } } @media (max-height: 1199px) and (min-height: 1100px) { :root { --Blocks-Gap-Multi-S: var(--Blocks-Gap-Multi-S-3); } } @media (max-height: 1099px) and (min-height: 1000px) { :root { --Blocks-Gap-Multi-S: var(--Blocks-Gap-Multi-S-4); } } @media (max-height: 999px) and (min-height: 900px) { :root { --Blocks-Gap-Multi-S: var(--Blocks-Gap-Multi-S-5); } } @media (max-height: 899px) and (min-height: 800px) { :root { --Blocks-Gap-Multi-S: var(--Blocks-Gap-Multi-S-6); } } @media (max-height: 799px) and (min-height: 700px) { :root { --Blocks-Gap-Multi-S: var(--Blocks-Gap-Multi-S-7); } } @media (max-height: 699px) and (min-height: 600px) { :root { --Blocks-Gap-Multi-S: var(--Blocks-Gap-Multi-S-8); } } @media (max-height: 599px) and (min-height: 500px) { :root { --Blocks-Gap-Multi-S: var(--Blocks-Gap-Multi-S-9); } } @media (max-height: 499px) and (min-height: 400px) { :root { --Blocks-Gap-Multi-S: var(--Blocks-Gap-Multi-S-10); } } /* ---------------------------- --------------------------- ---------------------------- */ /* ---------------------------- --------------------------- ---------------------------- */ /* ---------------------------- --------------------------- ---------------------------- */ /* ---------------------------- --------------------------- ---------------------------- */ /* ---------------------------- --------------------------- ---------------------------- */ /* ---------------------------- --------------------------- ---------------------------- */ /* ---------------------------- - ROOT MEDIA HOME COUNTER - ---------------------------- */ /* ---------------------------- --------------------------- ---------------------------- */ /* ---------------------------- --------------------------- ---------------------------- */ /* ---------------------------- --------------------------- ---------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT NB STEPS COMPLETS --------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT NB STEPS COMPLETS LARGE --------------------------- */ /* ----------- -------------------------------------------- */ @media (max-height: 1239px) and (min-height: 1140px) { :root { --Nb-Steps-Full-Large: var(--Nb-Steps-Full-Large-2); } } @media (max-height: 1139px) and (min-height: 1120px) { :root { --Nb-Steps-Full-Large: var(--Nb-Steps-Full-Large-3); } } @media (max-height: 1119px) and (min-height: 1080px) { :root { --Nb-Steps-Full-Large: var(--Nb-Steps-Full-Large-4); } } @media (max-height: 1079px) and (min-height: 1000px) { :root { --Nb-Steps-Full-Large: var(--Nb-Steps-Full-Large-5); } } @media (max-height: 999px) and (min-height: 900px) { :root { --Nb-Steps-Full-Large: var(--Nb-Steps-Full-Large-6); } } @media (max-height: 899px) and (min-height: 880px) { :root { --Nb-Steps-Full-Large: var(--Nb-Steps-Full-Large-7); } } @media (max-height: 879px) and (min-height: 840px) { :root { --Nb-Steps-Full-Large: var(--Nb-Steps-Full-Large-8); } } @media (max-height: 839px) and (min-height: 760px) { :root { --Nb-Steps-Full-Large: var(--Nb-Steps-Full-Large-9); } } @media (max-height: 759px) and (min-height: 660px) { :root { --Nb-Steps-Full-Large: var(--Nb-Steps-Full-Large-10); } } @media (max-height: 659px) and (min-height: 640px) { :root { --Nb-Steps-Full-Large: var(--Nb-Steps-Full-Large-11); } } @media (max-height: 639px) { :root { --Nb-Steps-Full-Large: var(--Nb-Steps-Full-Large-12); } } /* ----------- -------------------------------------------- */ /* ROOT NB STEPS COMPLETS 470 ----------------------------- */ /* ----------- -------------------------------------------- */ @media (max-height: 1264px) and (min-height: 1245px) { :root { --Nb-Steps-Full-470: var(--Nb-Steps-Full-470-2); } } @media (max-height: 1244px) and (min-height: 1210px) { :root { --Nb-Steps-Full-470: var(--Nb-Steps-Full-470-3); } } @media (max-height: 1209px) and (min-height: 1135px) { :root { --Nb-Steps-Full-470: var(--Nb-Steps-Full-470-4); } } @media (max-height: 1134px) and (min-height: 1045px) { :root { --Nb-Steps-Full-Large: var(--Nb-Steps-Full-470-5); } } @media (max-height: 1044px) and (min-height: 1025px) { :root { --Nb-Steps-Full-470: var(--Nb-Steps-Full-470-6); } } @media (max-height: 1024px) and (min-height: 990px) { :root { --Nb-Steps-Full-470: var(--Nb-Steps-Full-470-7); } } @media (max-height: 989px) and (min-height: 915px) { :root { --Nb-Steps-Full-470: var(--Nb-Steps-Full-470-8); } } @media (max-height: 914px) and (min-height: 825px) { :root { --Nb-Steps-Full-470: var(--Nb-Steps-Full-470-9); } } @media (max-height: 824px) and (min-height: 805px) { :root { --Nb-Steps-Full-470: var(--Nb-Steps-Full-470-10); } } @media (max-height: 804px) and (min-height: 770px) { :root { --Nb-Steps-Full-470: var(--Nb-Steps-Full-470-11); } } @media (max-height: 769px) and (min-height: 695px) { :root { --Nb-Steps-Full-470: var(--Nb-Steps-Full-470-12); } } @media (max-height: 694px) and (min-height: 605px) { :root { --Nb-Steps-Full-470: var(--Nb-Steps-Full-470-13); } } @media (max-height: 604px) and (min-height: 585px) { :root { --Nb-Steps-Full-470: var(--Nb-Steps-Full-470-14); } } @media (max-height: 584px) and (min-height: 550px) { :root { --Nb-Steps-Full-470: var(--Nb-Steps-Full-470-15); } } @media (max-height: 549px) { :root { --Nb-Steps-Full-470: var(--Nb-Steps-Full-470-16); } } /* ----------- -------------------------------------------- */ /* ROOT NB STEPS COMPLETS 390 ----------------------------- */ /* ----------- -------------------------------------------- */ @media (max-height: 1299px) and (min-height: 1230px) { :root { --Nb-Steps-Full-390: var(--Nb-Steps-Full-390-2); } } @media (max-height: 1229px) and (min-height: 1150px) { :root { --Nb-Steps-Full-390: var(--Nb-Steps-Full-390-3); } } @media (max-height: 1149px) and (min-height: 1130px) { :root { --Nb-Steps-Full-390: var(--Nb-Steps-Full-390-4); } } @media (max-height: 1129px) and (min-height: 1100px) { :root { --Nb-Steps-Full-390: var(--Nb-Steps-Full-390-5); } } @media (max-height: 1099px) and (min-height: 1030px) { :root { --Nb-Steps-Full-390: var(--Nb-Steps-Full-390-6); } } @media (max-height: 1029px) and (min-height: 900px) { :root { --Nb-Steps-Full-390: var(--Nb-Steps-Full-390-7); } } @media (max-height: 899px) and (min-height: 830px) { :root { --Nb-Steps-Full-390: var(--Nb-Steps-Full-390-8); } } @media (max-height: 829px) and (min-height: 750px) { :root { --Nb-Steps-Full-390: var(--Nb-Steps-Full-390-9); } } @media (max-height: 749px) and (min-height: 730px) { :root { --Nb-Steps-Full-390: var(--Nb-Steps-Full-390-10); } } @media (max-height: 729px) and (min-height: 700px) { :root { --Nb-Steps-Full-390: var(--Nb-Steps-Full-390-11); } } @media (max-height: 699px) and (min-height: 630px) { :root { --Nb-Steps-Full-390: var(--Nb-Steps-Full-390-12); } } @media (max-height: 629px) and (min-height: 550px) { :root { --Nb-Steps-Full-390: var(--Nb-Steps-Full-390-13); } } @media (max-height: 549px) and (min-height: 530px) { :root { --Nb-Steps-Full-390: var(--Nb-Steps-Full-390-14); } } @media (max-height: 529px) and (min-height: 500px) { :root { --Nb-Steps-Full-390: var(--Nb-Steps-Full-390-15); } } @media (max-height: 499px) { :root { --Nb-Steps-Full-390: var(--Nb-Steps-Full-390-16); } } /* ----------- -------------------------------------------- */ /* ROOT NB STEPS COMPLETS --------------------------------- */ /* ----------- -------------------------------------------- */ @media (max-width: 470px) and (min-width: 391px) { :root { --Nb-Steps-Full: var(--Nb-Steps-Full-470); } } @media (max-width: 390px) { :root { --Nb-Steps-Full: var(--Nb-Steps-Full-390); } } /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT NB STEPS VISIBLES --------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT NB STEPS VISIBLE LARGE ---------------------------- */ /* ----------- -------------------------------------------- */ @media (max-height: 1140px) and (min-height: 1081px) { :root { --Nb-Steps-Visible-Large: var(--Nb-Steps-Visible-Large-2); } } @media (max-height: 1080px) and (min-height: 901px) { :root { --Nb-Steps-Visible-Large: var(--Nb-Steps-Visible-Large-3); } } @media (max-height: 900px) and (min-height: 841px) { :root { --Nb-Steps-Visible-Large: var(--Nb-Steps-Visible-Large-4); } } @media (max-height: 840px) and (min-height: 661px) { :root { --Nb-Steps-Visible-Large: var(--Nb-Steps-Visible-Large-5); } } @media (max-height: 660px) and (min-height: 601px) { :root { --Nb-Steps-Visible-Large: var(--Nb-Steps-Visible-Large-6); } } @media (max-height: 600px) { :root { --Nb-Steps-Visible-Large: var(--Nb-Steps-Visible-Large-7); } } /* ----------- -------------------------------------------- */ /* ROOT NB STEPS VISIBLE 470 ------------------------------ */ /* ----------- -------------------------------------------- */ @media (max-height: 1265px) and (min-height: 1211px) { :root { --Nb-Steps-Visible-470: var(--Nb-Steps-Visible-470-2); } } @media (max-height: 1210px) and (min-height: 1046px) { :root { --Nb-Steps-Visible-470: var(--Nb-Steps-Visible-470-3); } } @media (max-height: 1045px) and (min-height: 991px) { :root { --Nb-Steps-Visible-470: var(--Nb-Steps-Visible-470-4); } } @media (max-height: 990px) and (min-height: 826px) { :root { --Nb-Steps-Visible-470: var(--Nb-Steps-Visible-470-5); } } @media (max-height: 825px) and (min-height: 771px) { :root { --Nb-Steps-Visible-470: var(--Nb-Steps-Visible-470-6); } } @media (max-height: 770px) and (min-height: 606px) { :root { --Nb-Steps-Visible-470: var(--Nb-Steps-Visible-470-7); } } @media (max-height: 605px) and (min-height: 551px) { :root { --Nb-Steps-Visible-470: var(--Nb-Steps-Visible-470-8); } } @media (max-height: 550px) { :root { --Nb-Steps-Visible-470: var(--Nb-Steps-Visible-470-9); } } /* ----------- -------------------------------------------- */ /* ROOT NB STEPS VISIBLE 390 ------------------------------ */ /* ----------- -------------------------------------------- */ @media (max-height: 1150px) and (min-height: 1101px) { :root { --Nb-Steps-Visible-390: var(--Nb-Steps-Visible-390-2); } } @media (max-height: 1100px) and (min-height: 951px) { :root { --Nb-Steps-Visible-390: var(--Nb-Steps-Visible-390-3); } } @media (max-height: 950px) and (min-height: 901px) { :root { --Nb-Steps-Visible-390: var(--Nb-Steps-Visible-390-4); } } @media (max-height: 900px) and (min-height: 751px) { :root { --Nb-Steps-Visible-390: var(--Nb-Steps-Visible-390-5); } } @media (max-height: 750px) and (min-height: 701px) { :root { --Nb-Steps-Visible-390: var(--Nb-Steps-Visible-390-6); } } @media (max-height: 700px) and (min-height: 551px) { :root { --Nb-Steps-Visible-390: var(--Nb-Steps-Visible-390-7); } } @media (max-height: 550px) and (min-height: 551px) { :root { --Nb-Steps-Visible-390: var(--Nb-Steps-Visible-390-8); } } @media (max-height: 500px) { :root { --Nb-Steps-Visible-390: var(--Nb-Steps-Visible-390-9); } } /* ----------- -------------------------------------------- */ /* ROOT NB STEPS VISIBLES --------------------------------- */ /* ----------- -------------------------------------------- */ @media (max-width: 470px) and (min-width: 391px) { :root { --Nb-Steps-Visible: var(--Nb-Steps-Visible-470); } } @media (max-width: 390px) { :root { --Nb-Steps-Visible: var(--Nb-Steps-Visible-390); } } /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT NB STEPS LOGO C FULL CONTAINER TOP ---------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ----------- -------------------------------------------- */ /* ROOT NB STEPS LOGO C FULL CONTAINER TOP LARGE ---------- */ /* ----------- -------------------------------------------- */ @media (max-height: 1119px) and (min-height: 880px) { :root { --Nb-Steps-Logo-C-Full-Container-Top-Large: var(--Nb-Steps-Logo-C-Full-Container-Top-Large-2); } } @media (max-height: 879px) and (min-height: 640px) { :root { --Nb-Steps-Logo-C-Full-Container-Top-Large: var(--Nb-Steps-Logo-C-Full-Container-Top-Large-3); } } @media (max-height: 639px) { :root { --Nb-Steps-Logo-C-Full-Container-Top-Large: var(--Nb-Steps-Logo-C-Full-Container-Top-Large-4); } } /* ----------- -------------------------------------------- */ /* ROOT NB STEPS LOGO C FULL CONTAINER TOP 740 ------------ */ /* ----------- -------------------------------------------- */ @media (max-height: 1244px) and (min-height: 1025px) { :root { --Nb-Steps-Logo-C-Full-Container-Top-470: var(--Nb-Steps-Logo-C-Full-Container-Top-470-2); } } @media (max-height: 1024px) and (min-height: 805px) { :root { --Nb-Steps-Logo-C-Full-Container-Top-470: var(--Nb-Steps-Logo-C-Full-Container-Top-470-3); } } @media (max-height: 804px) and (min-height: 585px) { :root { --Nb-Steps-Logo-C-Full-Container-Top-470: var(--Nb-Steps-Logo-C-Full-Container-Top-470-4); } } @media (max-height: 584px) { :root { --Nb-Steps-Logo-C-Full-Container-Top-470: var(--Nb-Steps-Logo-C-Full-Container-Top-470-5); } } /* ----------- -------------------------------------------- */ /* ROOT NB STEPS LOGO C FULL CONTAINER TOP 390 ------------ */ /* ----------- -------------------------------------------- */ @media (max-height: 1129px) and (min-height: 930px) { :root { --Nb-Steps-Logo-C-Full-Container-Top-390: var(--Nb-Steps-Logo-C-Full-Container-Top-390-2); } } @media (max-height: 929px) and (min-height: 730px) { :root { --Nb-Steps-Logo-C-Full-Container-Top-390: var(--Nb-Steps-Logo-C-Full-Container-Top-390-3); } } @media (max-height: 729px) and (min-height: 530px) { :root { --Nb-Steps-Logo-C-Full-Container-Top-390: var(--Nb-Steps-Logo-C-Full-Container-Top-390-4); } } @media (max-height: 529px) { :root { --Nb-Steps-Logo-C-Full-Container-Top-390: var(--Nb-Steps-Logo-C-Full-Container-Top-390-5); } } /* ----------- -------------------------------------------- */ /* ROOT NB STEPS LOGO C FULL CONTAINER TOP ---------------- */ /* ----------- -------------------------------------------- */ @media (max-width: 1500px) and (min-width: 1201px) { :root { --Nb-Steps-Logo-C-Full-Container-Top: var(--Nb-Steps-Logo-C-Full-Container-Top-1500); } } @media (max-width: 1200px) and (min-width: 851px) { :root { --Nb-Steps-Logo-C-Full-Container-Top: var(--Nb-Steps-Logo-C-Full-Container-Top-1200); } } @media (max-width: 850px) and (min-width: 551px) { :root { --Nb-Steps-Logo-C-Full-Container-Top: var(--Nb-Steps-Logo-C-Full-Container-Top-850); } } @media (max-width: 550px) and (min-width: 471px) { :root { --Nb-Steps-Logo-C-Full-Container-Top: var(--Nb-Steps-Logo-C-Full-Container-Top-550); } } @media (max-width: 470px) and (min-width: 391px) { :root { --Nb-Steps-Logo-C-Full-Container-Top: var(--Nb-Steps-Logo-C-Full-Container-Top-470); } } @media (max-width: 390px) { :root { --Nb-Steps-Logo-C-Full-Container-Top: var(--Nb-Steps-Logo-C-Full-Container-Top-390); } } /* ---------------------------- --------------------------- ---------------------------- */ /* ---------------------------- --------------------------- ---------------------------- */ /* ---------------------------- - ROOT MEDIA HOME CONTENT - ---------------------------- */ /* ---------------------------- --------------------------- ---------------------------- */ /* ---------------------------- --------------------------- ---------------------------- */ /* -------------------------- ------------------------------- -------------------------- */ /* -------------------------- ROOT MEDIA -- CONTENT TOP MULTI -------------------------- */ /* -------------------------- ------------------------------- -------------------------- */ /* ------------------------ ROOT MEDIA ---- CONTENT TOP MULTI L ------------------------ */ /* ------------------------ ROOT MEDIA ---- CONTENT TOP MULTI M ------------------------ */ /* ------------------------ ROOT MEDIA ---- CONTENT TOP MULTI S ------------------------ */