/*PRODUKTY NA GŁÓWNEJ*/ .productBoxesInner { width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(4, 1fr); grid-column-gap: 30px; grid-row-gap: 30px; } .tab-pane.show.active .productBoxesInner { padding: 0 15px } .productBoxesInner.g-1-Children, .productBoxesInner.g-2-Children, .productBoxesInner.g-3-Children, .productBoxesInner.g-4-Children{ display: flex; flex-wrap: wrap; justify-content: flex-start; } .productBoxesInner.g-1-Children > .box, .productBoxesInner.g-2-Children > .box, .productBoxesInner.g-3-Children > .box, .productBoxesInner.g-4-Children > .box { height: 223px; min-height: 223px!important; width: calc(25% - 30px); min-width: 223px; text-align: left; } @media screen and (max-width: 767px) { .productBoxesInner.g-1-Children, .productBoxesInner.g-2-Children, .productBoxesInner.g-3-Children, .productBoxesInner.g-4-Children, .productBoxesInner { display: flex; flex-wrap: wrap; justify-content: flex-start; } .productBoxesInner > .box { height: 223px; min-height: 223px!important; width: calc(25% - 30px); min-width: 223px; text-align: left; } } .productBoxesInner.g-5-Children { grid-template-rows: repeat(2, 1fr); } .productBoxesInner.g-5-Children > *:nth-child(1) { grid-area: 1 / 1 / 3 / 2; } .productBoxesInner.g-5-Children > *:nth-child(2) { grid-area: 1 / 2 / 3 / 3; } .productBoxesInner.g-5-Children > *:nth-child(3) { grid-area: 1 / 3 / 2 / 4; } .productBoxesInner.g-5-Children > *:nth-child(4) { grid-area: 1 / 4 / 2 / 5; } .productBoxesInner.g-5-Children > *:nth-child(5) { grid-area: 2 / 3 / 3 / 5; } .productBoxesInner.g-6-Children { grid-template-rows: repeat(2, 1fr); } .productBoxesInner.g-6-Children > *:nth-child(1) { grid-area: 1 / 1 / 2 / 3; } .productBoxesInner.g-6-Children > *:nth-child(2) { grid-area: 2 / 1 / 2 / 2; } .productBoxesInner.g-6-Children > *:nth-child(3) { grid-area: 2 / 2 / 2 / 2; } .productBoxesInner.g-6-Children > *:nth-child(4) { grid-area: 1 / 3 / 2 / 4; } .productBoxesInner.g-6-Children > *:nth-child(5) { grid-area: 1 / 4 / 2 / 4; } .productBoxesInner.g-6-Children > *:nth-child(6) { grid-area: 2 / 3 / 3 / 5; } .productBoxesInner.g-7-Children { grid-template-rows: repeat(3, 1fr); } .productBoxesInner.g-7-Children > *:nth-child(1) { grid-area: 1 / 1 / 2 / 3; } .productBoxesInner.g-7-Children > *:nth-child(2) { grid-area: 2 / 1 / 3 / 3; } .productBoxesInner.g-7-Children > *:nth-child(3) { grid-area: 3 / 1 / 5 / 2; } .productBoxesInner.g-7-Children > *:nth-child(4) { grid-area: 3 / 2 / 5 / 3; } .productBoxesInner.g-7-Children > *:nth-child(5) { grid-area: 1 / 3 / 3 / 4; } .productBoxesInner.g-7-Children > *:nth-child(6) { grid-area: 1 / 4 / 3 / 5; } .productBoxesInner.g-7-Children > *:nth-child(7) { grid-area: 3 / 3 / 5 / 5; } .productBoxesInner.g-8-Children { grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(3, 1fr); } .productBoxesInner.g-8-Children > *:nth-child(1) { grid-area: 1 / 1 / 2 / 3; } .productBoxesInner.g-8-Children > *:nth-child(2) { grid-area: 2 / 1 / 3 / 3; } .productBoxesInner.g-8-Children > *:nth-child(3) { grid-area: 3 / 1 / 4 / 2; } .productBoxesInner.g-8-Children > *:nth-child(4) { grid-area: 3 / 2 / 4 / 3; } .productBoxesInner.g-8-Children > *:nth-child(5) { grid-area: 1 / 3 / 2 / 4; } .productBoxesInner.g-8-Children > *:nth-child(6) { grid-area: 1 / 4 / 2 / 5; } .productBoxesInner.g-8-Children > *:nth-child(7) { grid-area: 2 / 3 / 3 / 5; } .productBoxesInner.g-8-Children > *:nth-child(8) { grid-area: 3 / 3 / 4 / 5; } .productBoxesInner.g-17-Children > *:nth-child(1 ){ grid-area: 1 / 1 / 2 / 3; } .productBoxesInner.g-17-Children > *:nth-child(2 ){ grid-area: 2 / 1 / 3 / 2; } .productBoxesInner.g-17-Children > *:nth-child(3 ){ grid-area: 2 / 2 / 3 / 3; } .productBoxesInner.g-17-Children > *:nth-child(4 ){ grid-area: 1 / 3 / 3 / 4; } .productBoxesInner.g-17-Children > *:nth-child(5 ){ grid-area: 1 / 4 / 2 / 5; } .productBoxesInner.g-17-Children > *:nth-child(6 ){ grid-area: 2 / 4 / 3 / 5; } .productBoxesInner.g-17-Children > *:nth-child(7 ){ grid-area: 3 / 1 / 4 / 3; } .productBoxesInner.g-17-Children > *:nth-child(8 ){ grid-area: 4 / 1 / 5 / 2; } .productBoxesInner.g-17-Children > *:nth-child(9 ){ grid-area: 4 / 2 / 5 / 3; } .productBoxesInner.g-17-Children > *:nth-child(10) { grid-area: 3 / 3 / 4 / 4; } .productBoxesInner.g-17-Children > *:nth-child(11) { grid-area: 3 / 4 / 4 / 5; } .productBoxesInner.g-17-Children > *:nth-child(12) { grid-area: 4 / 3 / 5 / 5; } .productBoxesInner.g-17-Children > *:nth-child(13) { grid-area: 5 / 1 / 7 / 2; } .productBoxesInner.g-17-Children > *:nth-child(14) { grid-area: 5 / 2 / 6 / 4; } .productBoxesInner.g-17-Children > *:nth-child(15) { grid-area: 5 / 4 / 6 / 5; } .productBoxesInner.g-17-Children > *:nth-child(16) { grid-area: 6 / 2 / 7 / 4; } .productBoxesInner.g-17-Children > *:nth-child(17) { grid-area: 6 / 4 / 7 / 5; } .productBoxesInner.g-16-Children > *:nth-child(1 ){ grid-area: 1 / 1 / 2 / 3; } .productBoxesInner.g-16-Children > *:nth-child(2 ){ grid-area: 2 / 1 / 3 / 2; } .productBoxesInner.g-16-Children > *:nth-child(3 ){ grid-area: 2 / 2 / 3 / 3; } .productBoxesInner.g-16-Children > *:nth-child(4 ){ grid-area: 1 / 3 / 3 / 4; } .productBoxesInner.g-16-Children > *:nth-child(5 ){ grid-area: 1 / 4 / 2 / 5; } .productBoxesInner.g-16-Children > *:nth-child(6 ){ grid-area: 2 / 4 / 3 / 5; } .productBoxesInner.g-16-Children > *:nth-child(7 ){ grid-area: 3 / 1 / 4 / 3; } .productBoxesInner.g-16-Children > *:nth-child(8 ){ grid-area: 4 / 1 / 5 / 2; } .productBoxesInner.g-16-Children > *:nth-child(9 ){ grid-area: 4 / 2 / 5 / 3; } .productBoxesInner.g-16-Children > *:nth-child(10) { grid-area: 3 / 3 / 4 / 4; } .productBoxesInner.g-16-Children > *:nth-child(11) { grid-area: 3 / 4 / 4 / 5; } .productBoxesInner.g-16-Children > *:nth-child(12) { grid-area: 4 / 3 / 5 / 5; } .productBoxesInner.g-16-Children > *:nth-child(13) { grid-area: 5 / 1 / 7 / 2; } .productBoxesInner.g-16-Children > *:nth-child(14) { grid-area: 5 / 2 / 6 / 4; } .productBoxesInner.g-16-Children > *:nth-child(15) { grid-area: 6 / 2 / 7 / 4; } .productBoxesInner.g-16-Children > *:nth-child(16) { grid-area: 5 / 4 / 7 / 5; } .productBoxesInner.g-15-Children > *:nth-child(1 ){ grid-area: 1 / 1 / 2 / 3; } .productBoxesInner.g-15-Children > *:nth-child(2 ){ grid-area: 2 / 1 / 3 / 2; } .productBoxesInner.g-15-Children > *:nth-child(3 ){ grid-area: 2 / 2 / 3 / 3; } .productBoxesInner.g-15-Children > *:nth-child(4 ){ grid-area: 1 / 3 / 3 / 4; } .productBoxesInner.g-15-Children > *:nth-child(5 ){ grid-area: 1 / 4 / 2 / 5; } .productBoxesInner.g-15-Children > *:nth-child(6 ){ grid-area: 2 / 4 / 3 / 5; } .productBoxesInner.g-15-Children > *:nth-child(7 ){ grid-area: 3 / 1 / 4 / 3; } .productBoxesInner.g-15-Children > *:nth-child(8 ){ grid-area: 4 / 1 / 5 / 2; } .productBoxesInner.g-15-Children > *:nth-child(9 ){ grid-area: 4 / 2 / 5 / 3; } .productBoxesInner.g-15-Children > *:nth-child(10) { grid-area: 3 / 3 / 4 / 4; } .productBoxesInner.g-15-Children > *:nth-child(11) { grid-area: 3 / 4 / 4 / 5; } .productBoxesInner.g-15-Children > *:nth-child(12) { grid-area: 4 / 3 / 5 / 5; } .productBoxesInner.g-15-Children > *:nth-child(13) { grid-area: 5 / 1 / 6 / 2; } .productBoxesInner.g-15-Children > *:nth-child(14) { grid-area: 5 / 2 / 6 / 4; } .productBoxesInner.g-15-Children > *:nth-child(15) { grid-area: 5 / 4 / 6 / 5; } .productBoxesInner.g-14-Children, .productBoxesInner.g-13-Children { grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(5, 1fr); } .productBoxesInner.g-14-Children > *:nth-child(1 ){ grid-area: 1 / 1 / 2 / 3; } .productBoxesInner.g-14-Children > *:nth-child(2 ){ grid-area: 2 / 1 / 3 / 2; } .productBoxesInner.g-14-Children > *:nth-child(3 ){ grid-area: 2 / 2 / 3 / 3; } .productBoxesInner.g-14-Children > *:nth-child(4 ){ grid-area: 1 / 3 / 3 / 4; } .productBoxesInner.g-14-Children > *:nth-child(5 ){ grid-area: 1 / 4 / 2 / 5; } .productBoxesInner.g-14-Children > *:nth-child(6 ){ grid-area: 2 / 4 / 3 / 5; } .productBoxesInner.g-14-Children > *:nth-child(7 ){ grid-area: 3 / 1 / 4 / 3; } .productBoxesInner.g-14-Children > *:nth-child(8 ){ grid-area: 4 / 1 / 5 / 2; } .productBoxesInner.g-14-Children > *:nth-child(9 ){ grid-area: 4 / 2 / 5 / 3; } .productBoxesInner.g-14-Children > *:nth-child(10) { grid-area: 3 / 3 / 4 / 4; } .productBoxesInner.g-14-Children > *:nth-child(11) { grid-area: 3 / 4 / 4 / 5; } .productBoxesInner.g-14-Children > *:nth-child(12) { grid-area: 4 / 3 / 5 / 5; } .productBoxesInner.g-14-Children > *:nth-child(13) { grid-area: 5 / 1 / 6 / 3; } .productBoxesInner.g-14-Children > *:nth-child(14) { grid-area: 5 / 3 / 6 / 5; } .productBoxesInner.g-13-Children > *:nth-child(1 ){ grid-area: 1 / 1 / 2 / 3; } .productBoxesInner.g-13-Children > *:nth-child(2 ){ grid-area: 2 / 1 / 3 / 2; } .productBoxesInner.g-13-Children > *:nth-child(3 ){ grid-area: 2 / 2 / 3 / 3; } .productBoxesInner.g-13-Children > *:nth-child(4 ){ grid-area: 1 / 3 / 3 / 4; } .productBoxesInner.g-13-Children > *:nth-child(5 ){ grid-area: 1 / 4 / 2 / 5; } .productBoxesInner.g-13-Children > *:nth-child(6 ){ grid-area: 2 / 4 / 3 / 5; } .productBoxesInner.g-13-Children > *:nth-child(7 ){ grid-area: 3 / 1 / 4 / 3; } .productBoxesInner.g-13-Children > *:nth-child(8 ){ grid-area: 3 / 3 / 4 / 4; } .productBoxesInner.g-13-Children > *:nth-child(9 ){ grid-area: 3 / 4 / 4 / 5; } .productBoxesInner.g-13-Children > *:nth-child(10) { grid-area: 4 / 1 / 6 / 2; } .productBoxesInner.g-13-Children > *:nth-child(11) { grid-area: 4 / 2 / 5 / 4; } .productBoxesInner.g-13-Children > *:nth-child(12) { grid-area: 5 / 2 / 6 / 4; } .productBoxesInner.g-13-Children > *:nth-child(13) { grid-area: 4 / 4 / 6 / 5; } .productBoxesInner.g-12-Children, .productBoxesInner.g-11-Children, .productBoxesInner.g-10-Children { grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(4, 1fr); } .productBoxesInner.g-12-Children > *:nth-child(1 ){ grid-area: 1 / 1 / 2 / 3; } .productBoxesInner.g-12-Children > *:nth-child(2 ){ grid-area: 2 / 1 / 3 / 2; } .productBoxesInner.g-12-Children > *:nth-child(3 ){ grid-area: 2 / 2 / 3 / 3; } .productBoxesInner.g-12-Children > *:nth-child(4 ){ grid-area: 1 / 3 / 3 / 4; } .productBoxesInner.g-12-Children > *:nth-child(5 ){ grid-area: 1 / 4 / 2 / 5; } .productBoxesInner.g-12-Children > *:nth-child(6 ){ grid-area: 2 / 4 / 3 / 5; } .productBoxesInner.g-12-Children > *:nth-child(7 ){ grid-area: 3 / 1 / 4 / 3; } .productBoxesInner.g-12-Children > *:nth-child(8 ){ grid-area: 3 / 3 / 4 / 4; } .productBoxesInner.g-12-Children > *:nth-child(9 ){ grid-area: 3 / 4 / 4 / 5; } .productBoxesInner.g-12-Children > *:nth-child(10) { grid-area: 4 / 1 / 5 / 2; } .productBoxesInner.g-12-Children > *:nth-child(11) { grid-area: 4 / 2 / 5 / 4; } .productBoxesInner.g-12-Children > *:nth-child(12) { grid-area: 4 / 4 / 5 / 5; } .productBoxesInner.g-11-Children > *:nth-child(1 ){ grid-area: 1 / 1 / 2 / 3; } .productBoxesInner.g-11-Children > *:nth-child(2 ){ grid-area: 2 / 1 / 3 / 2; } .productBoxesInner.g-11-Children > *:nth-child(3 ){ grid-area: 2 / 2 / 3 / 3; } .productBoxesInner.g-11-Children > *:nth-child(4 ){ grid-area: 1 / 3 / 3 / 4; } .productBoxesInner.g-11-Children > *:nth-child(5 ){ grid-area: 1 / 4 / 2 / 5; } .productBoxesInner.g-11-Children > *:nth-child(6 ){ grid-area: 2 / 4 / 3 / 5; } .productBoxesInner.g-11-Children > *:nth-child(7 ){ grid-area: 3 / 1 / 5 / 2; } .productBoxesInner.g-11-Children > *:nth-child(8 ){ grid-area: 3 / 2 / 4 / 3; } .productBoxesInner.g-11-Children > *:nth-child(9 ){ grid-area: 4 / 2 / 5 / 3; } .productBoxesInner.g-11-Children > *:nth-child(10) { grid-area: 3 / 3 / 4 / 5; } .productBoxesInner.g-11-Children > *:nth-child(11) { grid-area: 4 / 3 / 5 / 5; } .productBoxesInner.g-10-Children > *:nth-child(1 ){ grid-area: 1 / 1 / 2 / 3; } .productBoxesInner.g-10-Children > *:nth-child(2 ){ grid-area: 2 / 1 / 3 / 2; } .productBoxesInner.g-10-Children > *:nth-child(3 ){ grid-area: 2 / 2 / 3 / 3; } .productBoxesInner.g-10-Children > *:nth-child(4 ){ grid-area: 1 / 3 / 3 / 4; } .productBoxesInner.g-10-Children > *:nth-child(5 ){ grid-area: 1 / 4 / 2 / 5; } .productBoxesInner.g-10-Children > *:nth-child(6 ){ grid-area: 2 / 4 / 3 / 5; } .productBoxesInner.g-10-Children > *:nth-child(7 ){ grid-area: 3 / 1 / 5 / 2; } .productBoxesInner.g-10-Children > *:nth-child(8 ){ grid-area: 3 / 2 / 4 / 4; } .productBoxesInner.g-10-Children > *:nth-child(9 ){ grid-area: 4 / 2 / 5 / 4; } .productBoxesInner.g-10-Children > *:nth-child(10) { grid-area: 3 / 4 / 5 / 5; } .productBoxesInner.g-9-Children { grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(3, 1fr); } .productBoxesInner.g-9-Children > *:nth-child(1 ){ grid-area: 1 / 1 / 2 / 3; } .productBoxesInner.g-9-Children > *:nth-child(2 ){ grid-area: 2 / 1 / 3 / 2; } .productBoxesInner.g-9-Children > *:nth-child(3 ){ grid-area: 2 / 2 / 3 / 3; } .productBoxesInner.g-9-Children > *:nth-child(4 ){ grid-area: 1 / 3 / 3 / 4; } .productBoxesInner.g-9-Children > *:nth-child(5 ){ grid-area: 1 / 4 / 2 / 5; } .productBoxesInner.g-9-Children > *:nth-child(6 ){ grid-area: 2 / 4 / 3 / 5; } .productBoxesInner.g-9-Children > *:nth-child(7 ){ grid-area: 3 / 1 / 4 / 3; } .productBoxesInner.g-9-Children > *:nth-child(8 ){ grid-area: 3 / 3 / 4 / 4; } .productBoxesInner.g-9-Children > *:nth-child(9 ){ grid-area: 3 / 4 / 4 / 5; } .productBoxesInner.g-18-Children, .productBoxesInner.g-17-Children, .productBoxesInner.g-16-Children, .productBoxesInner.g-15-Children { grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(6, 1fr); } .productBoxesInner.g-18-Children > *:nth-child(1 ){ grid-area: 1 / 1 / 2 / 3; } .productBoxesInner.g-18-Children > *:nth-child(2 ){ grid-area: 2 / 1 / 3 / 2; } .productBoxesInner.g-18-Children > *:nth-child(3 ){ grid-area: 2 / 2 / 3 / 3; } .productBoxesInner.g-18-Children > *:nth-child(4 ){ grid-area: 1 / 3 / 3 / 4; } .productBoxesInner.g-18-Children > *:nth-child(5 ){ grid-area: 1 / 4 / 2 / 5; } .productBoxesInner.g-18-Children > *:nth-child(6 ){ grid-area: 2 / 4 / 3 / 5; } .productBoxesInner.g-18-Children > *:nth-child(7 ){ grid-area: 3 / 1 / 4 / 3; } .productBoxesInner.g-18-Children > *:nth-child(8 ){ grid-area: 4 / 1 / 5 / 2; } .productBoxesInner.g-18-Children > *:nth-child(9 ){ grid-area: 4 / 2 / 5 / 3; } .productBoxesInner.g-18-Children > *:nth-child(10) { grid-area: 3 / 3 / 4 / 4; } .productBoxesInner.g-18-Children > *:nth-child(11) { grid-area: 3 / 4 / 4 / 5; } .productBoxesInner.g-18-Children > *:nth-child(12) { grid-area: 4 / 3 / 5 / 5; } .productBoxesInner.g-18-Children > *:nth-child(13) { grid-area: 5 / 1 / 7 / 2; } .productBoxesInner.g-18-Children > *:nth-child(14) { grid-area: 6 / 2 / 7 / 3; } .productBoxesInner.g-18-Children > *:nth-child(15) { grid-area: 5 / 2 / 6 / 4; } .productBoxesInner.g-18-Children > *:nth-child(16) { grid-area: 5 / 4 / 6 / 5; } .productBoxesInner.g-18-Children > *:nth-child(17) { grid-area: 6 / 3 / 7 / 4; } .productBoxesInner.g-18-Children > *:nth-child(18) { grid-area: 6 / 4 / 7 / 5; } .productBoxesInner.g-19-Children { grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(7, 1fr); } .productBoxesInner.g-19-Children > *:nth-child(1) { grid-area: 1 / 1 / 2 / 3; } .productBoxesInner.g-19-Children > *:nth-child(2 ){ grid-area: 2 / 1 / 3 / 2; } .productBoxesInner.g-19-Children > *:nth-child(3 ){ grid-area: 2 / 2 / 3 / 3; } .productBoxesInner.g-19-Children > *:nth-child(4 ){ grid-area: 1 / 3 / 3 / 4; } .productBoxesInner.g-19-Children > *:nth-child(5 ){ grid-area: 1 / 4 / 2 / 5; } .productBoxesInner.g-19-Children > *:nth-child(6 ){ grid-area: 2 / 4 / 3 / 5; } .productBoxesInner.g-19-Children > *:nth-child(7 ){ grid-area: 3 / 1 / 4 / 3; } .productBoxesInner.g-19-Children > *:nth-child(8 ){ grid-area: 3 / 3 / 4 / 4; } .productBoxesInner.g-19-Children > *:nth-child(9 ){ grid-area: 3 / 4 / 4 / 5; } .productBoxesInner.g-19-Children > *:nth-child(10) { grid-area: 4 / 1 / 5 / 2; } .productBoxesInner.g-19-Children > *:nth-child(11) { grid-area: 4 / 2 / 5 / 3; } .productBoxesInner.g-19-Children > *:nth-child(12) { grid-area: 4 / 3 / 5 / 5; } .productBoxesInner.g-19-Children > *:nth-child(13) { grid-area: 5 / 1 / 7 / 2; } .productBoxesInner.g-19-Children > *:nth-child(14) { grid-area: 7 / 1 / 8 / 3; } .productBoxesInner.g-19-Children > *:nth-child(15) { grid-area: 5 / 2 / 7 / 3; } .productBoxesInner.g-19-Children > *:nth-child(16) { grid-area: 5 / 3 / 7 / 4; } .productBoxesInner.g-19-Children > *:nth-child(17) { grid-area: 5 / 4 / 6 / 5; } .productBoxesInner.g-19-Children > *:nth-child(18) { grid-area: 6 / 4 / 7 / 5; } .productBoxesInner.g-19-Children > *:nth-child(19) { grid-area: 7 / 3 / 8 / 5; } .productBoxesInner.g-20-Children { grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(7, 1fr); } .productBoxesInner.g-20-Children > *:nth-child(1 ){ grid-area: 1 / 1 / 2 / 3; } .productBoxesInner.g-20-Children > *:nth-child(2 ){ grid-area: 2 / 1 / 3 / 2; } .productBoxesInner.g-20-Children > *:nth-child(3 ){ grid-area: 2 / 2 / 3 / 3; } .productBoxesInner.g-20-Children > *:nth-child(4 ){ grid-area: 1 / 3 / 3 / 4; } .productBoxesInner.g-20-Children > *:nth-child(5 ){ grid-area: 1 / 4 / 2 / 5; } .productBoxesInner.g-20-Children > *:nth-child(6 ){ grid-area: 2 / 4 / 3 / 5; } .productBoxesInner.g-20-Children > *:nth-child(7 ){ grid-area: 3 / 1 / 4 / 3; } .productBoxesInner.g-20-Children > *:nth-child(8 ){ grid-area: 3 / 3 / 4 / 4; } .productBoxesInner.g-20-Children > *:nth-child(9 ){ grid-area: 3 / 4 / 4 / 5; } .productBoxesInner.g-20-Children > *:nth-child(10) { grid-area: 4 / 1 / 5 / 2; } .productBoxesInner.g-20-Children > *:nth-child(11) { grid-area: 4 / 2 / 5 / 3; } .productBoxesInner.g-20-Children > *:nth-child(12) { grid-area: 4 / 3 / 5 / 5; } .productBoxesInner.g-20-Children > *:nth-child(13) { grid-area: 5 / 1 / 7 / 2; } .productBoxesInner.g-20-Children > *:nth-child(14) { grid-area: 7 / 1 / 8 / 3; } .productBoxesInner.g-20-Children > *:nth-child(15) { grid-area: 5 / 2 / 6 / 3; } .productBoxesInner.g-20-Children > *:nth-child(16) { grid-area: 6 / 2 / 7 / 3; } .productBoxesInner.g-20-Children > *:nth-child(17) { grid-area: 5 / 3 / 6 / 5; } .productBoxesInner.g-20-Children > *:nth-child(18) { grid-area: 6 / 3 / 7 / 4; } .productBoxesInner.g-20-Children > *:nth-child(19) { grid-area: 7 / 3 / 8 / 4; } .productBoxesInner.g-20-Children > *:nth-child(20) { grid-area: 6 / 4 / 8 / 5; } .productBoxesInner.g-21-Children { grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(7, 1fr); } .productBoxesInner.g-21-Children > *:nth-child(1 ){ grid-area: 1 / 1 / 2 / 3; } .productBoxesInner.g-21-Children > *:nth-child(2 ){ grid-area: 2 / 1 / 3 / 2; } .productBoxesInner.g-21-Children > *:nth-child(3 ){ grid-area: 2 / 2 / 3 / 3; } .productBoxesInner.g-21-Children > *:nth-child(4 ){ grid-area: 1 / 3 / 3 / 4; } .productBoxesInner.g-21-Children > *:nth-child(5 ){ grid-area: 1 / 4 / 2 / 5; } .productBoxesInner.g-21-Children > *:nth-child(6 ){ grid-area: 2 / 4 / 3 / 5; } .productBoxesInner.g-21-Children > *:nth-child(7 ){ grid-area: 3 / 1 / 4 / 3; } .productBoxesInner.g-21-Children > *:nth-child(8 ){ grid-area: 3 / 3 / 4 / 4; } .productBoxesInner.g-21-Children > *:nth-child(9 ){ grid-area: 3 / 4 / 4 / 5; } .productBoxesInner.g-21-Children > *:nth-child(10) { grid-area: 4 / 1 / 5 / 2; } .productBoxesInner.g-21-Children > *:nth-child(11) { grid-area: 4 / 2 / 5 / 3; } .productBoxesInner.g-21-Children > *:nth-child(12) { grid-area: 4 / 3 / 5 / 5; } .productBoxesInner.g-21-Children > *:nth-child(13) { grid-area: 5 / 1 / 7 / 2; } .productBoxesInner.g-21-Children > *:nth-child(14) { grid-area: 7 / 1 / 8 / 3; } .productBoxesInner.g-21-Children > *:nth-child(15) { grid-area: 5 / 2 / 6 / 3; } .productBoxesInner.g-21-Children > *:nth-child(16) { grid-area: 6 / 2 / 7 / 3; } .productBoxesInner.g-21-Children > *:nth-child(17) { grid-area: 5 / 3 / 6 / 4; } .productBoxesInner.g-21-Children > *:nth-child(18) { grid-area: 5 / 4 / 6 / 5; } .productBoxesInner.g-21-Children > *:nth-child(19) { grid-area: 6 / 3 / 8 / 4; } .productBoxesInner.g-21-Children > *:nth-child(20) { grid-area: 6 / 4 / 7 / 5; } .productBoxesInner.g-21-Children > *:nth-child(21) { grid-area: 7 / 4 / 8 / 5; } .productBoxesInner.g-22-Children { grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(8, 1fr); } .productBoxesInner.g-22-Children > *:nth-child(1 ){ grid-area: 1 / 1 / 2 / 3; } .productBoxesInner.g-22-Children > *:nth-child(2 ){ grid-area: 2 / 1 / 3 / 2; } .productBoxesInner.g-22-Children > *:nth-child(3 ){ grid-area: 2 / 2 / 3 / 3; } .productBoxesInner.g-22-Children > *:nth-child(4 ){ grid-area: 1 / 3 / 3 / 4; } .productBoxesInner.g-22-Children > *:nth-child(5 ){ grid-area: 1 / 4 / 2 / 5; } .productBoxesInner.g-22-Children > *:nth-child(6 ){ grid-area: 2 / 4 / 3 / 5; } .productBoxesInner.g-22-Children > *:nth-child(7 ){ grid-area: 3 / 1 / 4 / 3; } .productBoxesInner.g-22-Children > *:nth-child(8 ){ grid-area: 3 / 3 / 4 / 4; } .productBoxesInner.g-22-Children > *:nth-child(9 ){ grid-area: 3 / 4 / 4 / 5; } .productBoxesInner.g-22-Children > *:nth-child(10) { grid-area: 4 / 1 / 5 / 2; } .productBoxesInner.g-22-Children > *:nth-child(11) { grid-area: 4 / 2 / 5 / 3; } .productBoxesInner.g-22-Children > *:nth-child(12) { grid-area: 4 / 3 / 5 / 5; } .productBoxesInner.g-22-Children > *:nth-child(13) { grid-area: 5 / 1 / 7 / 2; } .productBoxesInner.g-22-Children > *:nth-child(14) { grid-area: 5 / 2 / 6 / 3; } .productBoxesInner.g-22-Children > *:nth-child(15) { grid-area: 5 / 3 / 6 / 4; } .productBoxesInner.g-22-Children > *:nth-child(16) { grid-area: 6 / 2 / 7 / 4; } .productBoxesInner.g-22-Children > *:nth-child(17) { grid-area: 5 / 4 / 7 / 5; } .productBoxesInner.g-22-Children > *:nth-child(18) { grid-area: 7 / 1 / 9 / 2; } .productBoxesInner.g-22-Children > *:nth-child(19) { grid-area: 7 / 2 / 8 / 3; } .productBoxesInner.g-22-Children > *:nth-child(20) { grid-area: 8 / 2 / 9 / 3; } .productBoxesInner.g-22-Children > *:nth-child(21) { grid-area: 7 / 3 / 8 / 5; } .productBoxesInner.g-22-Children > *:nth-child(22) { grid-area: 8 / 3 / 9 / 5; } .productBoxesInner.g-23-Children { grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(8, 1fr); } .productBoxesInner.g-23-Children > *:nth-child(1 ){ grid-area: 1 / 1 / 2 / 3; } .productBoxesInner.g-23-Children > *:nth-child(2 ){ grid-area: 2 / 1 / 3 / 2; } .productBoxesInner.g-23-Children > *:nth-child(3 ){ grid-area: 2 / 2 / 3 / 3; } .productBoxesInner.g-23-Children > *:nth-child(4 ){ grid-area: 1 / 3 / 3 / 4; } .productBoxesInner.g-23-Children > *:nth-child(5 ){ grid-area: 1 / 4 / 2 / 5; } .productBoxesInner.g-23-Children > *:nth-child(6 ){ grid-area: 2 / 4 / 3 / 5; } .productBoxesInner.g-23-Children > *:nth-child(7 ){ grid-area: 3 / 1 / 4 / 3; } .productBoxesInner.g-23-Children > *:nth-child(8 ){ grid-area: 3 / 3 / 4 / 4; } .productBoxesInner.g-23-Children > *:nth-child(9 ){ grid-area: 3 / 4 / 4 / 5; } .productBoxesInner.g-23-Children > *:nth-child(10) { grid-area: 4 / 1 / 5 / 2; } .productBoxesInner.g-23-Children > *:nth-child(11) { grid-area: 4 / 2 / 5 / 3; } .productBoxesInner.g-23-Children > *:nth-child(12) { grid-area: 4 / 3 / 5 / 5; } .productBoxesInner.g-23-Children > *:nth-child(13) { grid-area: 5 / 1 / 7 / 2; } .productBoxesInner.g-23-Children > *:nth-child(14) { grid-area: 5 / 2 / 6 / 3; } .productBoxesInner.g-23-Children > *:nth-child(15) { grid-area: 5 / 3 / 6 / 4; } .productBoxesInner.g-23-Children > *:nth-child(16) { grid-area: 6 / 2 / 7 / 4; } .productBoxesInner.g-23-Children > *:nth-child(17) { grid-area: 5 / 4 / 7 / 5; } .productBoxesInner.g-23-Children > *:nth-child(18) { grid-area: 7 / 1 / 9 / 2; } .productBoxesInner.g-23-Children > *:nth-child(19) { grid-area: 7 / 2 / 8 / 3; } .productBoxesInner.g-23-Children > *:nth-child(20) { grid-area: 8 / 2 / 9 / 3; } .productBoxesInner.g-23-Children > *:nth-child(21) { grid-area: 7 / 3 / 8 / 5; } .productBoxesInner.g-23-Children > *:nth-child(22) { grid-area: 8 / 3 / 9 / 4; } .productBoxesInner.g-23-Children > *:nth-child(23) { grid-area: 8 / 4 / 9 / 5; } .productBoxesInner.g-24-Children { grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(8, 1fr); } .productBoxesInner.g-24-Children > *:nth-child(1 ){ grid-area: 1 / 1 / 2 / 3; } .productBoxesInner.g-24-Children > *:nth-child(2 ){ grid-area: 2 / 1 / 3 / 2; } .productBoxesInner.g-24-Children > *:nth-child(3 ){ grid-area: 2 / 2 / 3 / 3; } .productBoxesInner.g-24-Children > *:nth-child(4 ){ grid-area: 1 / 3 / 3 / 4; } .productBoxesInner.g-24-Children > *:nth-child(5 ){ grid-area: 1 / 4 / 2 / 5; } .productBoxesInner.g-24-Children > *:nth-child(6 ){ grid-area: 2 / 4 / 3 / 5; } .productBoxesInner.g-24-Children > *:nth-child(7 ){ grid-area: 3 / 1 / 4 / 3; } .productBoxesInner.g-24-Children > *:nth-child(8 ){ grid-area: 3 / 3 / 4 / 4; } .productBoxesInner.g-24-Children > *:nth-child(9 ){ grid-area: 3 / 4 / 4 / 5; } .productBoxesInner.g-24-Children > *:nth-child(10) { grid-area: 4 / 1 / 5 / 2; } .productBoxesInner.g-24-Children > *:nth-child(11) { grid-area: 4 / 2 / 5 / 3; } .productBoxesInner.g-24-Children > *:nth-child(12) { grid-area: 4 / 3 / 5 / 5; } .productBoxesInner.g-24-Children > *:nth-child(13) { grid-area: 5 / 1 / 7 / 2; } .productBoxesInner.g-24-Children > *:nth-child(14) { grid-area: 5 / 2 / 6 / 3; } .productBoxesInner.g-24-Children > *:nth-child(15) { grid-area: 5 / 3 / 6 / 4; } .productBoxesInner.g-24-Children > *:nth-child(16) { grid-area: 6 / 2 / 7 / 4; } .productBoxesInner.g-24-Children > *:nth-child(17) { grid-area: 5 / 4 / 7 / 5; } .productBoxesInner.g-24-Children > *:nth-child(18) { grid-area: 7 / 1 / 8 / 2; } .productBoxesInner.g-24-Children > *:nth-child(19) { grid-area: 8 / 1 / 9 / 2; } .productBoxesInner.g-24-Children > *:nth-child(20) { grid-area: 8 / 2 / 9 / 3; } .productBoxesInner.g-24-Children > *:nth-child(21) { grid-area: 7 / 2 / 8 / 4; } .productBoxesInner.g-24-Children > *:nth-child(22) { grid-area: 8 / 3 / 9 / 4; } .productBoxesInner.g-24-Children > *:nth-child(23) { grid-area: 7 / 4 / 8 / 5; } .productBoxesInner.g-24-Children > *:nth-child(24) { grid-area: 8 / 4 / 9 / 5; } .productBoxesInner.g-25-Children { grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(9, 1fr); } .productBoxesInner.g-25-Children > *:nth-child(1 ){ grid-area: 1 / 1 / 2 / 3; } .productBoxesInner.g-25-Children > *:nth-child(2 ){ grid-area: 2 / 1 / 3 / 2; } .productBoxesInner.g-25-Children > *:nth-child(3 ){ grid-area: 2 / 2 / 3 / 3; } .productBoxesInner.g-25-Children > *:nth-child(4 ){ grid-area: 1 / 3 / 3 / 4; } .productBoxesInner.g-25-Children > *:nth-child(5 ){ grid-area: 1 / 4 / 2 / 5; } .productBoxesInner.g-25-Children > *:nth-child(6 ){ grid-area: 2 / 4 / 3 / 5; } .productBoxesInner.g-25-Children > *:nth-child(7 ){ grid-area: 3 / 1 / 4 / 3; } .productBoxesInner.g-25-Children > *:nth-child(8 ){ grid-area: 3 / 3 / 4 / 4; } .productBoxesInner.g-25-Children > *:nth-child(9 ){ grid-area: 3 / 4 / 4 / 5; } .productBoxesInner.g-25-Children > *:nth-child(10) { grid-area: 4 / 1 / 5 / 2; } .productBoxesInner.g-25-Children > *:nth-child(11) { grid-area: 4 / 2 / 5 / 3; } .productBoxesInner.g-25-Children > *:nth-child(12) { grid-area: 4 / 3 / 5 / 5; } .productBoxesInner.g-25-Children > *:nth-child(13) { grid-area: 5 / 1 / 7 / 2; } .productBoxesInner.g-25-Children > *:nth-child(14) { grid-area: 5 / 2 / 6 / 3; } .productBoxesInner.g-25-Children > *:nth-child(15) { grid-area: 5 / 3 / 6 / 4; } .productBoxesInner.g-25-Children > *:nth-child(16) { grid-area: 6 / 2 / 7 / 4; } .productBoxesInner.g-25-Children > *:nth-child(17) { grid-area: 5 / 4 / 7 / 5; } .productBoxesInner.g-25-Children > *:nth-child(18) { grid-area: 7 / 1 / 8 / 2; } .productBoxesInner.g-25-Children > *:nth-child(19) { grid-area: 7 / 2 / 8 / 4; } .productBoxesInner.g-25-Children > *:nth-child(20) { grid-area: 7 / 4 / 8 / 5; } .productBoxesInner.g-25-Children > *:nth-child(21) { grid-area: 8 / 1 / 10 / 2; } .productBoxesInner.g-25-Children > *:nth-child(22) { grid-area: 8 / 2 / 9 / 4; } .productBoxesInner.g-25-Children > *:nth-child(23) { grid-area: 9 / 2 / 10 / 3; } .productBoxesInner.g-25-Children > *:nth-child(24) { grid-area: 8 / 4 / 9 / 5; } .productBoxesInner.g-25-Children > *:nth-child(25) { grid-area: 9 / 3 / 10 / 5; } .productBoxesInner.g-26-Children { grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(9, 1fr); } .productBoxesInner.g-26-Children > *:nth-child(1 ){ grid-area: 1 / 1 / 2 / 3; } .productBoxesInner.g-26-Children > *:nth-child(2 ){ grid-area: 2 / 1 / 3 / 2; } .productBoxesInner.g-26-Children > *:nth-child(3 ){ grid-area: 2 / 2 / 3 / 3; } .productBoxesInner.g-26-Children > *:nth-child(4 ){ grid-area: 1 / 3 / 3 / 4; } .productBoxesInner.g-26-Children > *:nth-child(5 ){ grid-area: 1 / 4 / 2 / 5; } .productBoxesInner.g-26-Children > *:nth-child(6 ){ grid-area: 2 / 4 / 3 / 5; } .productBoxesInner.g-26-Children > *:nth-child(7 ){ grid-area: 3 / 1 / 4 / 3; } .productBoxesInner.g-26-Children > *:nth-child(8 ){ grid-area: 3 / 3 / 4 / 4; } .productBoxesInner.g-26-Children > *:nth-child(9 ){ grid-area: 3 / 4 / 4 / 5; } .productBoxesInner.g-26-Children > *:nth-child(10) { grid-area: 4 / 1 / 5 / 2; } .productBoxesInner.g-26-Children > *:nth-child(11) { grid-area: 4 / 2 / 5 / 3; } .productBoxesInner.g-26-Children > *:nth-child(12) { grid-area: 4 / 3 / 5 / 5; } .productBoxesInner.g-26-Children > *:nth-child(13) { grid-area: 5 / 1 / 7 / 2; } .productBoxesInner.g-26-Children > *:nth-child(14) { grid-area: 5 / 2 / 6 / 3; } .productBoxesInner.g-26-Children > *:nth-child(15) { grid-area: 5 / 3 / 6 / 4; } .productBoxesInner.g-26-Children > *:nth-child(16) { grid-area: 6 / 2 / 7 / 4; } .productBoxesInner.g-26-Children > *:nth-child(17) { grid-area: 5 / 4 / 7 / 5; } .productBoxesInner.g-26-Children > *:nth-child(18) { grid-area: 7 / 1 / 8 / 2; } .productBoxesInner.g-26-Children > *:nth-child(19) { grid-area: 7 / 2 / 8 / 4; } .productBoxesInner.g-26-Children > *:nth-child(20) { grid-area: 7 / 4 / 8 / 5; } .productBoxesInner.g-26-Children > *:nth-child(21) { grid-area: 8 / 1 / 10 / 2; } .productBoxesInner.g-26-Children > *:nth-child(22) { grid-area: 8 / 2 / 9 / 4; } .productBoxesInner.g-26-Children > *:nth-child(23) { grid-area: 9 / 2 / 10 / 3; } .productBoxesInner.g-26-Children > *:nth-child(24) { grid-area: 8 / 4 / 9 / 5; } .productBoxesInner.g-26-Children > *:nth-child(25) { grid-area: 9 / 3 / 10 / 4; } .productBoxesInner.g-26-Children > *:nth-child(26) { grid-area: 9 / 4 / 10 / 5; } .productBoxesInner.g-27-Children { grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(10, 1fr); } .productBoxesInner.g-27-Children > *:nth-child(1 ){ grid-area: 1 / 1 / 2 / 3; } .productBoxesInner.g-27-Children > *:nth-child(2 ){ grid-area: 2 / 1 / 3 / 2; } .productBoxesInner.g-27-Children > *:nth-child(3 ){ grid-area: 2 / 2 / 3 / 3; } .productBoxesInner.g-27-Children > *:nth-child(4 ){ grid-area: 1 / 3 / 3 / 4; } .productBoxesInner.g-27-Children > *:nth-child(5 ){ grid-area: 1 / 4 / 2 / 5; } .productBoxesInner.g-27-Children > *:nth-child(6 ){ grid-area: 2 / 4 / 3 / 5; } .productBoxesInner.g-27-Children > *:nth-child(7 ){ grid-area: 3 / 1 / 4 / 3; } .productBoxesInner.g-27-Children > *:nth-child(8 ){ grid-area: 3 / 3 / 4 / 4; } .productBoxesInner.g-27-Children > *:nth-child(9 ){ grid-area: 3 / 4 / 4 / 5; } .productBoxesInner.g-27-Children > *:nth-child(10) { grid-area: 4 / 1 / 5 / 2; } .productBoxesInner.g-27-Children > *:nth-child(11) { grid-area: 4 / 2 / 5 / 3; } .productBoxesInner.g-27-Children > *:nth-child(12) { grid-area: 4 / 3 / 5 / 5; } .productBoxesInner.g-27-Children > *:nth-child(13) { grid-area: 5 / 1 / 7 / 2; } .productBoxesInner.g-27-Children > *:nth-child(14) { grid-area: 5 / 2 / 6 / 3; } .productBoxesInner.g-27-Children > *:nth-child(15) { grid-area: 5 / 3 / 6 / 4; } .productBoxesInner.g-27-Children > *:nth-child(16) { grid-area: 6 / 2 / 7 / 4; } .productBoxesInner.g-27-Children > *:nth-child(17) { grid-area: 5 / 4 / 7 / 5; } .productBoxesInner.g-27-Children > *:nth-child(18) { grid-area: 7 / 1 / 8 / 2; } .productBoxesInner.g-27-Children > *:nth-child(19) { grid-area: 7 / 2 / 8 / 4; } .productBoxesInner.g-27-Children > *:nth-child(20) { grid-area: 7 / 4 / 8 / 5; } .productBoxesInner.g-27-Children > *:nth-child(21) { grid-area: 8 / 1 / 10 / 2; } .productBoxesInner.g-27-Children > *:nth-child(22) { grid-area: 8 / 2 / 9 / 4; } .productBoxesInner.g-27-Children > *:nth-child(23) { grid-area: 9 / 2 / 10 / 3; } .productBoxesInner.g-27-Children > *:nth-child(24) { grid-area: 9 / 3 / 10 / 4; } .productBoxesInner.g-27-Children > *:nth-child(25) { grid-area: 8 / 4 / 10 / 5; } .productBoxesInner.g-27-Children > *:nth-child(26) { grid-area: 10 / 1 / 11 / 3; } .productBoxesInner.g-27-Children > *:nth-child(27) { grid-area: 10 / 3 / 11 / 5; } .productBoxesInner.g-28-Children { grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(10, 1fr); } .productBoxesInner.g-28-Children > *:nth-child(1 ){ grid-area: 1 / 1 / 2 / 3; } .productBoxesInner.g-28-Children > *:nth-child(2 ){ grid-area: 2 / 1 / 3 / 2; } .productBoxesInner.g-28-Children > *:nth-child(3 ){ grid-area: 2 / 2 / 3 / 3; } .productBoxesInner.g-28-Children > *:nth-child(4 ){ grid-area: 1 / 3 / 3 / 4; } .productBoxesInner.g-28-Children > *:nth-child(5 ){ grid-area: 1 / 4 / 2 / 5; } .productBoxesInner.g-28-Children > *:nth-child(6 ){ grid-area: 2 / 4 / 3 / 5; } .productBoxesInner.g-28-Children > *:nth-child(7 ){ grid-area: 3 / 1 / 4 / 3; } .productBoxesInner.g-28-Children > *:nth-child(8 ){ grid-area: 3 / 3 / 4 / 4; } .productBoxesInner.g-28-Children > *:nth-child(9 ){ grid-area: 3 / 4 / 4 / 5; } .productBoxesInner.g-28-Children > *:nth-child(10) { grid-area: 4 / 1 / 5 / 2; } .productBoxesInner.g-28-Children > *:nth-child(11) { grid-area: 4 / 2 / 5 / 3; } .productBoxesInner.g-28-Children > *:nth-child(12) { grid-area: 4 / 3 / 5 / 5; } .productBoxesInner.g-28-Children > *:nth-child(13) { grid-area: 5 / 1 / 7 / 2; } .productBoxesInner.g-28-Children > *:nth-child(14) { grid-area: 5 / 2 / 6 / 3; } .productBoxesInner.g-28-Children > *:nth-child(15) { grid-area: 5 / 3 / 6 / 4; } .productBoxesInner.g-28-Children > *:nth-child(16) { grid-area: 6 / 2 / 7 / 4; } .productBoxesInner.g-28-Children > *:nth-child(17) { grid-area: 5 / 4 / 7 / 5; } .productBoxesInner.g-28-Children > *:nth-child(18) { grid-area: 7 / 1 / 8 / 2; } .productBoxesInner.g-28-Children > *:nth-child(19) { grid-area: 7 / 2 / 8 / 4; } .productBoxesInner.g-28-Children > *:nth-child(20) { grid-area: 7 / 4 / 8 / 5; } .productBoxesInner.g-28-Children > *:nth-child(21) { grid-area: 8 / 1 / 10 / 2; } .productBoxesInner.g-28-Children > *:nth-child(22) { grid-area: 8 / 2 / 9 / 4; } .productBoxesInner.g-28-Children > *:nth-child(23) { grid-area: 9 / 2 / 10 / 3; } .productBoxesInner.g-28-Children > *:nth-child(24) { grid-area: 9 / 3 / 10 / 4; } .productBoxesInner.g-28-Children > *:nth-child(25) { grid-area: 8 / 4 / 10 / 5; } .productBoxesInner.g-28-Children > *:nth-child(26) { grid-area: 10 / 1 / 11 / 3; } .productBoxesInner.g-28-Children > *:nth-child(27) { grid-area: 10 / 3 / 11 / 4; } .productBoxesInner.g-28-Children > *:nth-child(28) { grid-area: 10 / 4 / 11 / 5; } .productBoxesInner.g-29-Children { grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(10, 1fr); } .productBoxesInner.g-29-Children > *:nth-child(1 ){ grid-area: 1 / 1 / 2 / 3; } .productBoxesInner.g-29-Children > *:nth-child(2 ){ grid-area: 2 / 1 / 3 / 2; } .productBoxesInner.g-29-Children > *:nth-child(3 ){ grid-area: 2 / 2 / 3 / 3; } .productBoxesInner.g-29-Children > *:nth-child(4 ){ grid-area: 1 / 3 / 3 / 4; } .productBoxesInner.g-29-Children > *:nth-child(5 ){ grid-area: 1 / 4 / 2 / 5; } .productBoxesInner.g-29-Children > *:nth-child(6 ){ grid-area: 2 / 4 / 3 / 5; } .productBoxesInner.g-29-Children > *:nth-child(7 ){ grid-area: 3 / 1 / 4 / 3; } .productBoxesInner.g-29-Children > *:nth-child(8 ){ grid-area: 3 / 3 / 4 / 4; } .productBoxesInner.g-29-Children > *:nth-child(9 ){ grid-area: 3 / 4 / 4 / 5; } .productBoxesInner.g-29-Children > *:nth-child(10) { grid-area: 4 / 1 / 5 / 2; } .productBoxesInner.g-29-Children > *:nth-child(11) { grid-area: 4 / 2 / 5 / 3; } .productBoxesInner.g-29-Children > *:nth-child(12) { grid-area: 4 / 3 / 5 / 5; } .productBoxesInner.g-29-Children > *:nth-child(13) { grid-area: 5 / 1 / 7 / 2; } .productBoxesInner.g-29-Children > *:nth-child(14) { grid-area: 5 / 2 / 6 / 3; } .productBoxesInner.g-29-Children > *:nth-child(15) { grid-area: 5 / 3 / 6 / 4; } .productBoxesInner.g-29-Children > *:nth-child(16) { grid-area: 6 / 2 / 7 / 4; } .productBoxesInner.g-29-Children > *:nth-child(17) { grid-area: 5 / 4 / 7 / 5; } .productBoxesInner.g-29-Children > *:nth-child(18) { grid-area: 7 / 1 / 8 / 2; } .productBoxesInner.g-29-Children > *:nth-child(19) { grid-area: 7 / 2 / 8 / 4; } .productBoxesInner.g-29-Children > *:nth-child(20) { grid-area: 7 / 4 / 8 / 5; } .productBoxesInner.g-29-Children > *:nth-child(21) { grid-area: 8 / 1 / 10 / 2; } .productBoxesInner.g-29-Children > *:nth-child(22) { grid-area: 8 / 2 / 9 / 4; } .productBoxesInner.g-29-Children > *:nth-child(23) { grid-area: 9 / 2 / 10 / 3; } .productBoxesInner.g-29-Children > *:nth-child(24) { grid-area: 9 / 3 / 10 / 4; } .productBoxesInner.g-29-Children > *:nth-child(25) { grid-area: 8 / 4 / 10 / 5; } .productBoxesInner.g-29-Children > *:nth-child(26) { grid-area: 10 / 1 / 11 / 2; } .productBoxesInner.g-29-Children > *:nth-child(27) { grid-area: 10 / 2 / 11 / 3; } .productBoxesInner.g-29-Children > *:nth-child(28) { grid-area: 10 / 3 / 11 / 4; } .productBoxesInner.g-29-Children > *:nth-child(29) { grid-area: 10 / 4 / 11 / 5; } .productBoxesInner.g-30-Children { grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(11, 1fr); } .productBoxesInner.g-30-Children > *:nth-child(1 ){ grid-area: 1 / 1 / 2 / 3; } .productBoxesInner.g-30-Children > *:nth-child(2 ){ grid-area: 2 / 1 / 3 / 2; } .productBoxesInner.g-30-Children > *:nth-child(3 ){ grid-area: 2 / 2 / 3 / 3; } .productBoxesInner.g-30-Children > *:nth-child(4 ){ grid-area: 1 / 3 / 3 / 4; } .productBoxesInner.g-30-Children > *:nth-child(5 ){ grid-area: 1 / 4 / 2 / 5; } .productBoxesInner.g-30-Children > *:nth-child(6 ){ grid-area: 2 / 4 / 3 / 5; } .productBoxesInner.g-30-Children > *:nth-child(7 ){ grid-area: 3 / 1 / 4 / 3; } .productBoxesInner.g-30-Children > *:nth-child(8 ){ grid-area: 3 / 3 / 4 / 4; } .productBoxesInner.g-30-Children > *:nth-child(9 ){ grid-area: 3 / 4 / 4 / 5; } .productBoxesInner.g-30-Children > *:nth-child(10) { grid-area: 4 / 1 / 5 / 2; } .productBoxesInner.g-30-Children > *:nth-child(11) { grid-area: 4 / 2 / 5 / 3; } .productBoxesInner.g-30-Children > *:nth-child(12) { grid-area: 4 / 3 / 5 / 5; } .productBoxesInner.g-30-Children > *:nth-child(13) { grid-area: 5 / 1 / 7 / 2; } .productBoxesInner.g-30-Children > *:nth-child(14) { grid-area: 5 / 2 / 6 / 3; } .productBoxesInner.g-30-Children > *:nth-child(15) { grid-area: 5 / 3 / 6 / 4; } .productBoxesInner.g-30-Children > *:nth-child(16) { grid-area: 6 / 2 / 7 / 4; } .productBoxesInner.g-30-Children > *:nth-child(17) { grid-area: 5 / 4 / 7 / 5; } .productBoxesInner.g-30-Children > *:nth-child(18) { grid-area: 7 / 1 / 8 / 2; } .productBoxesInner.g-30-Children > *:nth-child(19) { grid-area: 7 / 2 / 8 / 4; } .productBoxesInner.g-30-Children > *:nth-child(20) { grid-area: 7 / 4 / 8 / 5; } .productBoxesInner.g-30-Children > *:nth-child(21) { grid-area: 8 / 1 / 10 / 2; } .productBoxesInner.g-30-Children > *:nth-child(22) { grid-area: 8 / 2 / 9 / 4; } .productBoxesInner.g-30-Children > *:nth-child(23) { grid-area: 9 / 2 / 10 / 3; } .productBoxesInner.g-30-Children > *:nth-child(24) { grid-area: 9 / 3 / 10 / 4; } .productBoxesInner.g-30-Children > *:nth-child(25) { grid-area: 8 / 4 / 10 / 5; } .productBoxesInner.g-30-Children > *:nth-child(26) { grid-area: 10 / 1 / 11 / 3; } .productBoxesInner.g-30-Children > *:nth-child(27) { grid-area: 11 / 1 / 12 / 2; } .productBoxesInner.g-30-Children > *:nth-child(28) { grid-area: 11 / 2 / 12 / 3; } .productBoxesInner.g-30-Children > *:nth-child(29) { grid-area: 10 / 3 / 12 / 4; } .productBoxesInner.g-30-Children > *:nth-child(30) { grid-area: 10 / 4 / 12 / 5; } .productBoxesInner.g-31-Children { grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(11, 1fr); } .productBoxesInner.g-31-Children > *:nth-child(1 ){ grid-area: 1 / 1 / 2 / 3; } .productBoxesInner.g-31-Children > *:nth-child(2 ){ grid-area: 2 / 1 / 3 / 2; } .productBoxesInner.g-31-Children > *:nth-child(3 ){ grid-area: 2 / 2 / 3 / 3; } .productBoxesInner.g-31-Children > *:nth-child(4 ){ grid-area: 1 / 3 / 3 / 4; } .productBoxesInner.g-31-Children > *:nth-child(5 ){ grid-area: 1 / 4 / 2 / 5; } .productBoxesInner.g-31-Children > *:nth-child(6 ){ grid-area: 2 / 4 / 3 / 5; } .productBoxesInner.g-31-Children > *:nth-child(7 ){ grid-area: 3 / 1 / 4 / 3; } .productBoxesInner.g-31-Children > *:nth-child(8 ){ grid-area: 3 / 3 / 4 / 4; } .productBoxesInner.g-31-Children > *:nth-child(9 ){ grid-area: 3 / 4 / 4 / 5; } .productBoxesInner.g-31-Children > *:nth-child(10) { grid-area: 4 / 1 / 5 / 2; } .productBoxesInner.g-31-Children > *:nth-child(11) { grid-area: 4 / 2 / 5 / 3; } .productBoxesInner.g-31-Children > *:nth-child(12) { grid-area: 4 / 3 / 5 / 5; } .productBoxesInner.g-31-Children > *:nth-child(13) { grid-area: 5 / 1 / 7 / 2; } .productBoxesInner.g-31-Children > *:nth-child(14) { grid-area: 5 / 2 / 6 / 3; } .productBoxesInner.g-31-Children > *:nth-child(15) { grid-area: 5 / 3 / 6 / 4; } .productBoxesInner.g-31-Children > *:nth-child(16) { grid-area: 6 / 2 / 7 / 4; } .productBoxesInner.g-31-Children > *:nth-child(17) { grid-area: 5 / 4 / 7 / 5; } .productBoxesInner.g-31-Children > *:nth-child(18) { grid-area: 7 / 1 / 8 / 2; } .productBoxesInner.g-31-Children > *:nth-child(19) { grid-area: 7 / 2 / 8 / 4; } .productBoxesInner.g-31-Children > *:nth-child(20) { grid-area: 7 / 4 / 8 / 5; } .productBoxesInner.g-31-Children > *:nth-child(21) { grid-area: 8 / 1 / 10 / 2; } .productBoxesInner.g-31-Children > *:nth-child(22) { grid-area: 8 / 2 / 9 / 4; } .productBoxesInner.g-31-Children > *:nth-child(23) { grid-area: 9 / 2 / 10 / 3; } .productBoxesInner.g-31-Children > *:nth-child(24) { grid-area: 9 / 3 / 10 / 4; } .productBoxesInner.g-31-Children > *:nth-child(25) { grid-area: 8 / 4 / 10 / 5; } .productBoxesInner.g-31-Children > *:nth-child(26) { grid-area: 10 / 1 / 11 / 3; } .productBoxesInner.g-31-Children > *:nth-child(27) { grid-area: 11 / 1 / 12 / 2; } .productBoxesInner.g-31-Children > *:nth-child(28) { grid-area: 11 / 2 / 12 / 3; } .productBoxesInner.g-31-Children > *:nth-child(29) { grid-area: 10 / 3 / 11 / 5; } .productBoxesInner.g-31-Children > *:nth-child(30) { grid-area: 11 / 3 / 12 / 4; } .productBoxesInner.g-31-Children > *:nth-child(31) { grid-area: 11 / 4 / 12 / 5; } .productBoxesInner.g-32-Children { grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(11, 1fr); } .productBoxesInner.g-32-Children > *:nth-child(1 ){ grid-area: 1 / 1 / 2 / 3; } .productBoxesInner.g-32-Children > *:nth-child(2 ){ grid-area: 2 / 1 / 3 / 2; } .productBoxesInner.g-32-Children > *:nth-child(3 ){ grid-area: 2 / 2 / 3 / 3; } .productBoxesInner.g-32-Children > *:nth-child(4 ){ grid-area: 1 / 3 / 3 / 4; } .productBoxesInner.g-32-Children > *:nth-child(5 ){ grid-area: 1 / 4 / 2 / 5; } .productBoxesInner.g-32-Children > *:nth-child(6 ){ grid-area: 2 / 4 / 3 / 5; } .productBoxesInner.g-32-Children > *:nth-child(7 ){ grid-area: 3 / 1 / 4 / 3; } .productBoxesInner.g-32-Children > *:nth-child(8 ){ grid-area: 3 / 3 / 4 / 4; } .productBoxesInner.g-32-Children > *:nth-child(9 ){ grid-area: 3 / 4 / 4 / 5; } .productBoxesInner.g-32-Children > *:nth-child(10) { grid-area: 4 / 1 / 5 / 2; } .productBoxesInner.g-32-Children > *:nth-child(11) { grid-area: 4 / 2 / 5 / 3; } .productBoxesInner.g-32-Children > *:nth-child(12) { grid-area: 4 / 3 / 5 / 5; } .productBoxesInner.g-32-Children > *:nth-child(13) { grid-area: 5 / 1 / 7 / 2; } .productBoxesInner.g-32-Children > *:nth-child(14) { grid-area: 5 / 2 / 6 / 3; } .productBoxesInner.g-32-Children > *:nth-child(15) { grid-area: 5 / 3 / 6 / 4; } .productBoxesInner.g-32-Children > *:nth-child(16) { grid-area: 6 / 2 / 7 / 4; } .productBoxesInner.g-32-Children > *:nth-child(17) { grid-area: 5 / 4 / 7 / 5; } .productBoxesInner.g-32-Children > *:nth-child(18) { grid-area: 7 / 1 / 8 / 2; } .productBoxesInner.g-32-Children > *:nth-child(19) { grid-area: 7 / 2 / 8 / 4; } .productBoxesInner.g-32-Children > *:nth-child(20) { grid-area: 7 / 4 / 8 / 5; } .productBoxesInner.g-32-Children > *:nth-child(21) { grid-area: 8 / 1 / 10 / 2; } .productBoxesInner.g-32-Children > *:nth-child(22) { grid-area: 8 / 2 / 9 / 4; } .productBoxesInner.g-32-Children > *:nth-child(23) { grid-area: 9 / 2 / 10 / 3; } .productBoxesInner.g-32-Children > *:nth-child(24) { grid-area: 9 / 3 / 10 / 4; } .productBoxesInner.g-32-Children > *:nth-child(25) { grid-area: 8 / 4 / 10 / 5; } .productBoxesInner.g-32-Children > *:nth-child(26) { grid-area: 10 / 1 / 11 / 3; } .productBoxesInner.g-32-Children > *:nth-child(27) { grid-area: 11 / 1 / 12 / 2; } .productBoxesInner.g-32-Children > *:nth-child(28) { grid-area: 11 / 2 / 12 / 3; } .productBoxesInner.g-32-Children > *:nth-child(29) { grid-area: 10 / 3 / 11 / 4; } .productBoxesInner.g-32-Children > *:nth-child(30) { grid-area: 11 / 3 / 12 / 4; } .productBoxesInner.g-32-Children > *:nth-child(31) { grid-area: 10 / 4 / 11 / 5; } .productBoxesInner.g-32-Children > *:nth-child(32) { grid-area: 11 / 4 / 12 / 5; } .productBoxesInner.g-33-Children { grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(12, 1fr); } .productBoxesInner.g-33-Children > *:nth-child(1 ){ grid-area: 1 / 1 / 2 / 3; } .productBoxesInner.g-33-Children > *:nth-child(2 ){ grid-area: 2 / 1 / 3 / 2; } .productBoxesInner.g-33-Children > *:nth-child(3 ){ grid-area: 2 / 2 / 3 / 3; } .productBoxesInner.g-33-Children > *:nth-child(4 ){ grid-area: 1 / 3 / 3 / 4; } .productBoxesInner.g-33-Children > *:nth-child(5 ){ grid-area: 1 / 4 / 2 / 5; } .productBoxesInner.g-33-Children > *:nth-child(6 ){ grid-area: 2 / 4 / 3 / 5; } .productBoxesInner.g-33-Children > *:nth-child(7 ){ grid-area: 3 / 1 / 4 / 3; } .productBoxesInner.g-33-Children > *:nth-child(8 ){ grid-area: 3 / 3 / 4 / 4; } .productBoxesInner.g-33-Children > *:nth-child(9 ){ grid-area: 3 / 4 / 4 / 5; } .productBoxesInner.g-33-Children > *:nth-child(10) { grid-area: 4 / 1 / 5 / 2; } .productBoxesInner.g-33-Children > *:nth-child(11) { grid-area: 4 / 2 / 5 / 3; } .productBoxesInner.g-33-Children > *:nth-child(12) { grid-area: 4 / 3 / 5 / 5; } .productBoxesInner.g-33-Children > *:nth-child(13) { grid-area: 5 / 1 / 7 / 2; } .productBoxesInner.g-33-Children > *:nth-child(14) { grid-area: 5 / 2 / 6 / 3; } .productBoxesInner.g-33-Children > *:nth-child(15) { grid-area: 5 / 3 / 6 / 4; } .productBoxesInner.g-33-Children > *:nth-child(16) { grid-area: 6 / 2 / 7 / 4; } .productBoxesInner.g-33-Children > *:nth-child(17) { grid-area: 5 / 4 / 7 / 5; } .productBoxesInner.g-33-Children > *:nth-child(18) { grid-area: 7 / 1 / 8 / 2; } .productBoxesInner.g-33-Children > *:nth-child(19) { grid-area: 7 / 2 / 8 / 4; } .productBoxesInner.g-33-Children > *:nth-child(20) { grid-area: 7 / 4 / 8 / 5; } .productBoxesInner.g-33-Children > *:nth-child(21) { grid-area: 8 / 1 / 10 / 2; } .productBoxesInner.g-33-Children > *:nth-child(22) { grid-area: 8 / 2 / 9 / 4; } .productBoxesInner.g-33-Children > *:nth-child(23) { grid-area: 9 / 2 / 10 / 3; } .productBoxesInner.g-33-Children > *:nth-child(24) { grid-area: 9 / 3 / 10 / 4; } .productBoxesInner.g-33-Children > *:nth-child(25) { grid-area: 8 / 4 / 10 / 5; } .productBoxesInner.g-33-Children > *:nth-child(26) { grid-area: 10 / 1 / 12 / 2; } .productBoxesInner.g-33-Children > *:nth-child(27) { grid-area: 10 / 2 / 11 / 3; } .productBoxesInner.g-33-Children > *:nth-child(28) { grid-area: 11 / 2 / 12 / 3; } .productBoxesInner.g-33-Children > *:nth-child(29) { grid-area: 10 / 3 / 11 / 5; } .productBoxesInner.g-33-Children > *:nth-child(30) { grid-area: 11 / 3 / 12 / 4; } .productBoxesInner.g-33-Children > *:nth-child(31) { grid-area: 11 / 4 / 12 / 5; } .productBoxesInner.g-33-Children > *:nth-child(32) { grid-area: 12 / 1 / 13 / 3; } .productBoxesInner.g-33-Children > *:nth-child(33) { grid-area: 12 / 3 / 13 / 5; } .productBoxesInner.g-34-Children { grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(12, 1fr); } .productBoxesInner.g-34-Children > *:nth-child(1 ){ grid-area: 1 / 1 / 2 / 3; } .productBoxesInner.g-34-Children > *:nth-child(2 ){ grid-area: 2 / 1 / 3 / 2; } .productBoxesInner.g-34-Children > *:nth-child(3 ){ grid-area: 2 / 2 / 3 / 3; } .productBoxesInner.g-34-Children > *:nth-child(4 ){ grid-area: 1 / 3 / 3 / 4; } .productBoxesInner.g-34-Children > *:nth-child(5 ){ grid-area: 1 / 4 / 2 / 5; } .productBoxesInner.g-34-Children > *:nth-child(6 ){ grid-area: 2 / 4 / 3 / 5; } .productBoxesInner.g-34-Children > *:nth-child(7 ){ grid-area: 3 / 1 / 4 / 3; } .productBoxesInner.g-34-Children > *:nth-child(8 ){ grid-area: 3 / 3 / 4 / 4; } .productBoxesInner.g-34-Children > *:nth-child(9 ){ grid-area: 3 / 4 / 4 / 5; } .productBoxesInner.g-34-Children > *:nth-child(10) { grid-area: 4 / 1 / 5 / 2; } .productBoxesInner.g-34-Children > *:nth-child(11) { grid-area: 4 / 2 / 5 / 3; } .productBoxesInner.g-34-Children > *:nth-child(12) { grid-area: 4 / 3 / 5 / 5; } .productBoxesInner.g-34-Children > *:nth-child(13) { grid-area: 5 / 1 / 7 / 2; } .productBoxesInner.g-34-Children > *:nth-child(14) { grid-area: 5 / 2 / 6 / 3; } .productBoxesInner.g-34-Children > *:nth-child(15) { grid-area: 5 / 3 / 6 / 4; } .productBoxesInner.g-34-Children > *:nth-child(16) { grid-area: 6 / 2 / 7 / 4; } .productBoxesInner.g-34-Children > *:nth-child(17) { grid-area: 5 / 4 / 7 / 5; } .productBoxesInner.g-34-Children > *:nth-child(18) { grid-area: 7 / 1 / 8 / 2; } .productBoxesInner.g-34-Children > *:nth-child(19) { grid-area: 7 / 2 / 8 / 4; } .productBoxesInner.g-34-Children > *:nth-child(20) { grid-area: 7 / 4 / 8 / 5; } .productBoxesInner.g-34-Children > *:nth-child(21) { grid-area: 8 / 1 / 10 / 2; } .productBoxesInner.g-34-Children > *:nth-child(22) { grid-area: 8 / 2 / 9 / 4; } .productBoxesInner.g-34-Children > *:nth-child(23) { grid-area: 9 / 2 / 10 / 3; } .productBoxesInner.g-34-Children > *:nth-child(24) { grid-area: 9 / 3 / 10 / 4; } .productBoxesInner.g-34-Children > *:nth-child(25) { grid-area: 8 / 4 / 10 / 5; } .productBoxesInner.g-34-Children > *:nth-child(26) { grid-area: 10 / 1 / 12 / 2; } .productBoxesInner.g-34-Children > *:nth-child(27) { grid-area: 10 / 2 / 11 / 3; } .productBoxesInner.g-34-Children > *:nth-child(28) { grid-area: 11 / 2 / 12 / 3; } .productBoxesInner.g-34-Children > *:nth-child(29) { grid-area: 10 / 3 / 11 / 5; } .productBoxesInner.g-34-Children > *:nth-child(30) { grid-area: 11 / 3 / 12 / 4; } .productBoxesInner.g-34-Children > *:nth-child(31) { grid-area: 11 / 4 / 12 / 5; } .productBoxesInner.g-34-Children > *:nth-child(32) { grid-area: 12 / 1 / 13 / 3; } .productBoxesInner.g-34-Children > *:nth-child(33) { grid-area: 12 / 3 / 13 / 4; } .productBoxesInner.g-34-Children > *:nth-child(34) { grid-area: 12 / 4 / 13 / 5; } .productBoxesInner.g-35-Children { grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(13, 1fr); } .productBoxesInner.g-35-Children > *:nth-child(1 ){ grid-area: 1 / 1 / 2 / 3; } .productBoxesInner.g-35-Children > *:nth-child(2 ){ grid-area: 2 / 1 / 3 / 2; } .productBoxesInner.g-35-Children > *:nth-child(3 ){ grid-area: 2 / 2 / 3 / 3; } .productBoxesInner.g-35-Children > *:nth-child(4 ){ grid-area: 1 / 3 / 3 / 4; } .productBoxesInner.g-35-Children > *:nth-child(5 ){ grid-area: 1 / 4 / 2 / 5; } .productBoxesInner.g-35-Children > *:nth-child(6 ){ grid-area: 2 / 4 / 3 / 5; } .productBoxesInner.g-35-Children > *:nth-child(7 ){ grid-area: 3 / 1 / 4 / 3; } .productBoxesInner.g-35-Children > *:nth-child(8 ){ grid-area: 3 / 3 / 4 / 4; } .productBoxesInner.g-35-Children > *:nth-child(9 ){ grid-area: 3 / 4 / 4 / 5; } .productBoxesInner.g-35-Children > *:nth-child(10) { grid-area: 4 / 1 / 5 / 2; } .productBoxesInner.g-35-Children > *:nth-child(11) { grid-area: 4 / 2 / 5 / 3; } .productBoxesInner.g-35-Children > *:nth-child(12) { grid-area: 4 / 3 / 5 / 5; } .productBoxesInner.g-35-Children > *:nth-child(13) { grid-area: 5 / 1 / 7 / 2; } .productBoxesInner.g-35-Children > *:nth-child(14) { grid-area: 5 / 2 / 6 / 3; } .productBoxesInner.g-35-Children > *:nth-child(15) { grid-area: 5 / 3 / 6 / 4; } .productBoxesInner.g-35-Children > *:nth-child(16) { grid-area: 6 / 2 / 7 / 4; } .productBoxesInner.g-35-Children > *:nth-child(17) { grid-area: 5 / 4 / 7 / 5; } .productBoxesInner.g-35-Children > *:nth-child(18) { grid-area: 7 / 1 / 8 / 2; } .productBoxesInner.g-35-Children > *:nth-child(19) { grid-area: 7 / 2 / 8 / 4; } .productBoxesInner.g-35-Children > *:nth-child(20) { grid-area: 7 / 4 / 8 / 5; } .productBoxesInner.g-35-Children > *:nth-child(21) { grid-area: 8 / 1 / 10 / 2; } .productBoxesInner.g-35-Children > *:nth-child(22) { grid-area: 8 / 2 / 9 / 4; } .productBoxesInner.g-35-Children > *:nth-child(23) { grid-area: 9 / 2 / 10 / 3; } .productBoxesInner.g-35-Children > *:nth-child(24) { grid-area: 9 / 3 / 10 / 4; } .productBoxesInner.g-35-Children > *:nth-child(25) { grid-area: 8 / 4 / 10 / 5; } .productBoxesInner.g-35-Children > *:nth-child(26) { grid-area: 10 / 1 / 12 / 2; } .productBoxesInner.g-35-Children > *:nth-child(27) { grid-area: 10 / 2 / 11 / 3; } .productBoxesInner.g-35-Children > *:nth-child(28) { grid-area: 11 / 2 / 12 / 3; } .productBoxesInner.g-35-Children > *:nth-child(29) { grid-area: 10 / 3 / 11 / 5; } .productBoxesInner.g-35-Children > *:nth-child(30) { grid-area: 11 / 3 / 12 / 4; } .productBoxesInner.g-35-Children > *:nth-child(31) { grid-area: 11 / 4 / 12 / 5; } .productBoxesInner.g-35-Children > *:nth-child(32) { grid-area: 12 / 1 / 14 / 2; } .productBoxesInner.g-35-Children > *:nth-child(33) { grid-area: 12 / 2 / 13 / 4; } .productBoxesInner.g-35-Children > *:nth-child(34) { grid-area: 13 / 2 / 14 / 4; } .productBoxesInner.g-35-Children > *:nth-child(35) { grid-area: 12 / 4 / 14 / 5; } .productBoxesInner.g-36-Children { grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(13, 1fr); } .productBoxesInner.g-36-Children > *:nth-child(1 ){ grid-area: 1 / 1 / 2 / 3; } .productBoxesInner.g-36-Children > *:nth-child(2 ){ grid-area: 2 / 1 / 3 / 2; } .productBoxesInner.g-36-Children > *:nth-child(3 ){ grid-area: 2 / 2 / 3 / 3; } .productBoxesInner.g-36-Children > *:nth-child(4 ){ grid-area: 1 / 3 / 3 / 4; } .productBoxesInner.g-36-Children > *:nth-child(5 ){ grid-area: 1 / 4 / 2 / 5; } .productBoxesInner.g-36-Children > *:nth-child(6 ){ grid-area: 2 / 4 / 3 / 5; } .productBoxesInner.g-36-Children > *:nth-child(7 ){ grid-area: 3 / 1 / 4 / 3; } .productBoxesInner.g-36-Children > *:nth-child(8 ){ grid-area: 3 / 3 / 4 / 4; } .productBoxesInner.g-36-Children > *:nth-child(9 ){ grid-area: 3 / 4 / 4 / 5; } .productBoxesInner.g-36-Children > *:nth-child(10) { grid-area: 4 / 1 / 5 / 2; } .productBoxesInner.g-36-Children > *:nth-child(11) { grid-area: 4 / 2 / 5 / 3; } .productBoxesInner.g-36-Children > *:nth-child(12) { grid-area: 4 / 3 / 5 / 5; } .productBoxesInner.g-36-Children > *:nth-child(13) { grid-area: 5 / 1 / 7 / 2; } .productBoxesInner.g-36-Children > *:nth-child(14) { grid-area: 5 / 2 / 6 / 3; } .productBoxesInner.g-36-Children > *:nth-child(15) { grid-area: 5 / 3 / 6 / 4; } .productBoxesInner.g-36-Children > *:nth-child(16) { grid-area: 6 / 2 / 7 / 4; } .productBoxesInner.g-36-Children > *:nth-child(17) { grid-area: 5 / 4 / 7 / 5; } .productBoxesInner.g-36-Children > *:nth-child(18) { grid-area: 7 / 1 / 8 / 2; } .productBoxesInner.g-36-Children > *:nth-child(19) { grid-area: 7 / 2 / 8 / 4; } .productBoxesInner.g-36-Children > *:nth-child(20) { grid-area: 7 / 4 / 8 / 5; } .productBoxesInner.g-36-Children > *:nth-child(21) { grid-area: 8 / 1 / 10 / 2; } .productBoxesInner.g-36-Children > *:nth-child(22) { grid-area: 8 / 2 / 9 / 4; } .productBoxesInner.g-36-Children > *:nth-child(23) { grid-area: 9 / 2 / 10 / 3; } .productBoxesInner.g-36-Children > *:nth-child(24) { grid-area: 9 / 3 / 10 / 4; } .productBoxesInner.g-36-Children > *:nth-child(25) { grid-area: 8 / 4 / 10 / 5; } .productBoxesInner.g-36-Children > *:nth-child(26) { grid-area: 10 / 1 / 12 / 2; } .productBoxesInner.g-36-Children > *:nth-child(27) { grid-area: 10 / 2 / 11 / 3; } .productBoxesInner.g-36-Children > *:nth-child(28) { grid-area: 11 / 2 / 12 / 3; } .productBoxesInner.g-36-Children > *:nth-child(29) { grid-area: 10 / 3 / 11 / 5; } .productBoxesInner.g-36-Children > *:nth-child(30) { grid-area: 11 / 3 / 12 / 4; } .productBoxesInner.g-36-Children > *:nth-child(31) { grid-area: 11 / 4 / 12 / 5; } .productBoxesInner.g-36-Children > *:nth-child(32) { grid-area: 12 / 1 / 14 / 2; } .productBoxesInner.g-36-Children > *:nth-child(33) { grid-area: 13 / 2 / 14 / 3; } .productBoxesInner.g-36-Children > *:nth-child(34) { grid-area: 12 / 2 / 13 / 4; } .productBoxesInner.g-36-Children > *:nth-child(35) { grid-area: 13 / 3 / 14 / 4; } .productBoxesInner.g-36-Children > *:nth-child(36) { grid-area: 12 / 4 / 14 / 5; }