@media screen and (max-width: 360px) {
.gdiv {float:left; width:100%; padding:1%; margin:0 0 0 0;}
.gdiv-lst {float:left; width:100%; padding:1%;}
}

@media (min-width: 650px) {
.gdiv {float:left; width:46%; padding:1%; margin:0 2% 0 0;}
.gdiv-lst {float:left; width:46%; padding:1%;}

}


@media (min-width: 992px) {
.gdiv {float:left; width:30%; padding:1%; margin:0 2% 0 0;}
.gdiv-lst {float:left; width:30%; padding:1%;}

}

@media (min-width: 1200px) {
.gdiv {float:left; width:30%; padding:1%; margin:0 2% 0 0;}
.gdiv-lst {float:left; width:30%; padding:1%;}

}