.wrap141111, .wrap311111 {
width:100%;
display: grid;
column-gap: 2%;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
.wrap141111 { grid-template-columns: 1fr; }
}
@media screen and (min-width: 480px) and (max-width: 720px) {
.wrap141111 { grid-template-columns: 1fr;}
}
@media screen and (min-width: 720px) and (max-width: 1024px) {
.wrap141111 { grid-template-columns: 1fr 1fr; }
}
@media screen and (min-width: 1024px) and (max-width: 2000px) {
.wrap141111 { grid-template-columns: 1fr 4fr 1fr 1fr 1fr 1fr; }
.wrap311111 { grid-template-columns: 3fr 1fr 1fr 1fr 1fr 1fr; }
}
@media screen and (min-width: 2000px) and (max-width: 3500px) {
.wrap141111 { grid-template-columns: 1fr 4fr 1fr 1fr 1fr 1fr; }
.wrap311111 { grid-template-columns: 3fr 1fr 1fr 1fr 1fr 1fr; }
}