Hi. I need 4 columns in the bottom 9 module space. How I do this?
My site: viagemdemoto.com
.gkCols3 .box.gkmod-3, .gkCols3 .box.gkmod-more {
width: 25%;
}
.gkCols3 .box.gkmod-more.gkmod-last-1:last-child {
width: 25% !important;
}
.gkCols3 .box.gkmod-more:nth-child(3n+1) {
clear: none;
}
.gkCols3 .box.gkmod-more .box-wrap {
padding: 32px !important;
}
@media only screen and (max-width:880px) {
.gkCols3 .box.gkmod-3, .gkCols3 .box.gkmod-more {
width: 50%;
}
.gkCols3 .box.gkmod-3:nth-child(2n+3), .gkCols3 .box.gkmod-more:nth-child(2n+3) {
clear:both;
}
}
.gkCols3 .box.gkmod-more .box-wrap
#gkBottom9 .gkCols3 .box.gkmod-3,
#gkBottom9 .gkCols3 .box.gkmod-more {
width: 25%;
}
#gkBottom9 .gkCols3 .box.gkmod-more.gkmod-last-1:last-child {
width: 25% !important;
}
#gkBottom9 .gkCols3 .box.gkmod-more:nth-child(3n+1) {
clear: none;
}
#gkBottom9 .gkCols3 .box.gkmod-more .box-wrap {
padding: 32px !important;
}
@media only screen and (max-width:880px) {
#gkBottom9 .gkCols3 .box.gkmod-3,
#gkBottom9 .gkCols3 .box.gkmod-more {
width: 50%;
}
#gkBottom9 .gkCols3 .box.gkmod-3:nth-child(2n+3),
#gkBottom9 .gkCols3 .box.gkmod-more:nth-child(2n+3) {
clear:both;
}
}