Make OC selector wider to support more characters where there is enough space for that

app/assets/stylesheets/darkswarm/_shop-navigation.css.scss

@@ -71,7 +71,7 @@ ordercycle {
 
     select,
     p {
-      width: inherit;
+      width: 200px;
       display: inline-block;
       color: $white;
       background-color: transparent;
@@ -89,6 +89,10 @@ ordercycle {
         width: 100%;
         min-width: 0;
       }
+
+      @media all and (min-width: 640px) and (max-width: 1024px), (min-width: 1200px) {
+        width: 250px;
+      }
     }
 
     option {

app/assets/stylesheets/darkswarm/distributor_header.css.scss

@@ -20,10 +20,6 @@ section {
     padding: 30px 0 0;
     position: relative;
 
-    select {
-      width: 200px;
-    }
-
     img {
       display: block;
       height: 100px;