updated program dashboard listing mobile styling to reduce padding around the…

updated program dashboard listing mobile styling to reduce padding around the list and use new media query rules

lms/static/sass/views/_program-list.scss

 .program-list-wrapper {
-  padding: $baseline;
+
+  @include media-breakpoint-up(sm) {
+    padding: $baseline;
+  }
 }
 
 .program-cards-container {
   @include grid-container();
   @include span(12);
 
-  @media (min-width: $bp-screen-md) {
+  @include media-breakpoint-up(sm) {
     @include span(9);
   }
 }
@@ -17,7 +20,7 @@
 
   margin-bottom: $baseline;
 
-  @media (min-width: $bp-screen-md) {
+  @include media-breakpoint-up(sm) {
     @include span(3);
   }