.card_no_shade_list.columns1{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:40px}
@media (max-width:1601px){
.card_no_shade_list.columns1{grid-gap:32px}
}
@media (max-width:1201px){
.card_no_shade_list.columns1{grid-gap:28px}
}
@media (max-width:801px){
.card_no_shade_list.columns1{grid-gap:20px}
}
@media (max-width:801px){
.card_no_shade_list.columns1{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:601px){
.card_no_shade_list.columns1{grid-template-columns:repeat(1,1fr)}
}
.card_no_shade_list.columns2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:40px}
@media (max-width:1601px){
.card_no_shade_list.columns2{grid-gap:32px}
}
@media (max-width:1201px){
.card_no_shade_list.columns2{grid-gap:28px}
}
@media (max-width:801px){
.card_no_shade_list.columns2{grid-gap:20px}
}
@media (max-width:801px){
.card_no_shade_list.columns2{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:601px){
.card_no_shade_list.columns2{grid-template-columns:repeat(1,1fr)}
}
.card_no_shade_list.columns3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px}
@media (max-width:1601px){
.card_no_shade_list.columns3{grid-gap:32px}
}
@media (max-width:1201px){
.card_no_shade_list.columns3{grid-gap:28px}
}
@media (max-width:801px){
.card_no_shade_list.columns3{grid-gap:20px}
}
@media (max-width:801px){
.card_no_shade_list.columns3{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:601px){
.card_no_shade_list.columns3{grid-template-columns:repeat(1,1fr)}
}
.card_no_shade_list.columns4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:40px}
@media (max-width:1601px){
.card_no_shade_list.columns4{grid-gap:32px}
}
@media (max-width:1201px){
.card_no_shade_list.columns4{grid-gap:28px}
}
@media (max-width:801px){
.card_no_shade_list.columns4{grid-gap:20px}
}
@media (max-width:1201px){
.card_no_shade_list.columns4{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:801px){
.card_no_shade_list.columns4{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:601px){
.card_no_shade_list.columns4{grid-template-columns:repeat(1,1fr)}
}