.grid_list{--gap: 24px;display: grid;gap: var(--gap);grid-template-columns: repeat(auto-fill, 1fr);}
.gap_0{--gap:0}
.gap_4{--gap:4px}
.gap_8{--gap:8px}
.gap_12{--gap:12px}
.gap_20{--gap:20px}
.gap_24{--gap:24px}
.gap_30{--gap:30px}
.gap_32{--gap:32px}
.grid_8{grid-template-columns:repeat(8,minmax(0, 1fr))}
.grid_7{grid-template-columns:repeat(7,minmax(0, 1fr))}
.grid_6{grid-template-columns:repeat(6,minmax(0, 1fr))}
.grid_5{grid-template-columns:repeat(5,minmax(0, 1fr))}
.grid_4{grid-template-columns:repeat(4,minmax(0, 1fr))}
.grid_3{grid-template-columns:repeat(3,minmax(0, 1fr))}
.grid_2{grid-template-columns:repeat(2,minmax(0, 1fr))}
.grid_1{grid-template-columns:1fr}
/*.grid_1,.grid_1_wide{grid-template-columns:1fr}
.grid_2{grid-template-columns:repeat(auto-fill,minmax(505px,1fr))}
.grid_3{grid-template-columns:repeat(auto-fill,minmax(425px,1fr))}
.grid_4{grid-template-columns:repeat(auto-fill,minmax(310px,1fr))}
.grid_5{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.grid_6{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.grid_2_wide{grid-template-columns:repeat(auto-fill,minmax(640px,1fr))}
.grid_3_wide{grid-template-columns:repeat(auto-fill,minmax(480px,1fr))}
.grid_4_wide{grid-template-columns:repeat(auto-fill,minmax(385px,1fr))}
.grid_5_wide{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.grid_6_wide{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}*/
body .grid_no{display:flex;gap:unset;flex-wrap:wrap}

@media(min-width:576px) {
    .grid_2_576{grid-template-columns:repeat(2,1fr)}
    .grid_3_576{grid-template-columns:repeat(3,1fr)}
}
@media(min-width:768px) {
    .grid_8_768{grid-template-columns:repeat(8,1fr)}
    .grid_7_768{grid-template-columns:repeat(7,1fr)}
    .grid_6_768{grid-template-columns:repeat(6,1fr)}
    .grid_5_768{grid-template-columns:repeat(5,1fr)}
    .grid_4_768{grid-template-columns:repeat(4,1fr)}
    .grid_3_768{grid-template-columns:repeat(3,1fr)}
    .grid_2_768{grid-template-columns:repeat(2,1fr)}
    .grid_1_768{grid-template-columns:1fr}
}
@media(min-width:992px) {
    .grid_8_992{grid-template-columns:repeat(8,1fr)}
    .grid_7_992{grid-template-columns:repeat(7,1fr)}
    .grid_6_992{grid-template-columns:repeat(6,1fr)}
    .grid_5_992{grid-template-columns:repeat(5,1fr)}
    .grid_4_992{grid-template-columns:repeat(4,1fr)}
    .grid_3_992{grid-template-columns:repeat(3,1fr)}
    .grid_2_992{grid-template-columns:repeat(2,1fr)}
    .grid_1_992{grid-template-columns:1fr}
}
@media(min-width:1200px) {
    .grid_8_1200{grid-template-columns:repeat(8,1fr)}
    .grid_7_1200{grid-template-columns:repeat(7,1fr)}
    .grid_6_1200{grid-template-columns:repeat(6,1fr)}
    .grid_5_1200{grid-template-columns:repeat(5,1fr)}
    .grid_4_1200{grid-template-columns:repeat(4,1fr)}
    .grid_3_1200{grid-template-columns:repeat(3,1fr)}
    .grid_2_1200{grid-template-columns:repeat(2,1fr)}
}
@media(min-width:1400px) {
    .grid_8_1400{grid-template-columns:repeat(8,1fr)}
    .grid_7_1400{grid-template-columns:repeat(7,1fr)}
    .grid_6_1400{grid-template-columns:repeat(6,1fr)}
    .grid_5_1400{grid-template-columns:repeat(5,1fr)}
    .grid_4_1400{grid-template-columns:repeat(4,1fr)}
    .grid_3_1400{grid-template-columns:repeat(3,1fr)}
}

@media(min-width:1200px) {
    .gap_0_1200{--gap:0}
    .gap_4_1200{--gap:4px}
    .gap_8_1200{--gap:8px}
    .gap_12_1200{--gap:12px}
    .gap_20_1200{--gap:20px}
    .gap_24_1200{--gap:24px}
    .gap_30_1200{--gap:30px}
    .gap_32_1200{--gap:32px}
}

@media(min-width:992px) {
    .gap_0_992{--gap:0}
    .gap_4_992{--gap:4px}
    .gap_8_992{--gap:8px}
    .gap_12_992{--gap:12px}
    .gap_20_992{--gap:20px}
    .gap_24_992{--gap:24px}
    .gap_30_992{--gap:30px}
    .gap_32_992{--gap:32px}
}
@media(min-width:600px) {
    .gap_0_576{--gap:0}
    .gap_4_576{--gap:4px}
    .gap_8_576{--gap:8px}
    .gap_12_576{--gap:12px}
    .gap_20_576{--gap:20px}
    .gap_24_576{--gap:24px}
    .gap_30_576{--gap:30px}
    .gap_32_576{--gap:32px}
}
@media (max-width: 576px){
    .grid_1{grid-template-columns:1fr}
}

.item-w25{width:25%}
.item-w33{width:33.33%}
.item-w50{width:50%}
.item-w66{width:66.66%}
.item-w75{width:75%}
.item-w100{width:100%}