Changed styling for gravity forms golf package

diff --git a/css/app.css b/css/app.css
index 4d02cb8..5f4c28c 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -10,12 +10,12 @@ meta.foundation-mq-small-only {
   width: 0em; }
 
 meta.foundation-mq-medium {
-  font-family: "/only screen and (min-width:40.063em)/";
-  width: 40.063em; }
+  font-family: "/only screen and (min-width:20em)/";
+  width: 20em; }
 
 meta.foundation-mq-medium-only {
-  font-family: "/only screen and (min-width:40.063em) and (max-width:64em)/";
-  width: 40.063em; }
+  font-family: "/only screen and (min-width:20em) and (max-width:40em)/";
+  width: 20em; }
 
 meta.foundation-mq-large {
   font-family: "/only screen and (min-width:64.063em)/";
@@ -394,7 +394,7 @@ select {
     float: left; }
  }
 
-@media only screen and (min-width:40.063em) {
+@media only screen and (min-width:20em) {
   .medium-push-0 {
     position: relative;
     left: 0;
@@ -1302,7 +1302,7 @@ select {
       clear: both; }
  }
 
-@media only screen and (min-width:40.063em) {
+@media only screen and (min-width:20em) {
   .medium-block-grid-1 > li {
     list-style: none;
     width: 100%; }
@@ -1721,7 +1721,7 @@ button::-moz-focus-inner {
   border: 0;
   padding: 0; }
 
-@media only screen and (min-width:40.063em) {
+@media only screen and (min-width:20em) {
   button, .button {
     display: inline-block; }
  }
@@ -1916,7 +1916,7 @@ button::-moz-focus-inner {
       -webkit-bottom-right-radius: 3px;
       border-bottom-left-radius: 3px;
       border-bottom-right-radius: 3px; }
-  @media only screen and (min-width:40.063em) {
+  @media only screen and (min-width:20em) {
     .button-group.radius.stack-for-small > * {
       display: inline-block;
       margin: 0 -2px; }
@@ -2018,7 +2018,7 @@ button::-moz-focus-inner {
       -webkit-bottom-right-radius: 1rem;
       border-bottom-left-radius: 1rem;
       border-bottom-right-radius: 1rem; }
-  @media only screen and (min-width:40.063em) {
+  @media only screen and (min-width:20em) {
     .button-group.round.stack-for-small > * {
       display: inline-block;
       margin: 0 -2px; }
@@ -2172,7 +2172,7 @@ button::-moz-focus-inner {
   .clearing-feature li.clearing-featured-img {
     display: block; }
 
-@media only screen and (min-width:40.063em) {
+@media only screen and (min-width:20em) {
   .clearing-main-prev, .clearing-main-next {
     height: 100%;
     position: absolute;
@@ -2944,7 +2944,7 @@ label.error {
       float: none;
       margin: auto;
       width: auto; }
-  @media only screen and (min-width:40.063em) {
+  @media only screen and (min-width:20em) {
     .icon-bar.medium-vertical {
       height: 100%;
       width: auto; }
@@ -2998,7 +2998,7 @@ label.error {
     width: 50%; }
   .icon-bar.two-up.vertical .item, .icon-bar.two-up.small-vertical .item {
     width: auto; }
-  @media only screen and (min-width:40.063em) {
+  @media only screen and (min-width:20em) {
     .icon-bar.two-up.medium-vertical .item {
       width: auto; } }
   @media only screen and (min-width:64.063em) {
@@ -3008,7 +3008,7 @@ label.error {
     width: 33.3333%; }
   .icon-bar.three-up.vertical .item, .icon-bar.three-up.small-vertical .item {
     width: auto; }
-  @media only screen and (min-width:40.063em) {
+  @media only screen and (min-width:20em) {
     .icon-bar.three-up.medium-vertical .item {
       width: auto; } }
   @media only screen and (min-width:64.063em) {
@@ -3018,7 +3018,7 @@ label.error {
     width: 25%; }
   .icon-bar.four-up.vertical .item, .icon-bar.four-up.small-vertical .item {
     width: auto; }
-  @media only screen and (min-width:40.063em) {
+  @media only screen and (min-width:20em) {
     .icon-bar.four-up.medium-vertical .item {
       width: auto; } }
   @media only screen and (min-width:64.063em) {
@@ -3028,7 +3028,7 @@ label.error {
     width: 20%; }
   .icon-bar.five-up.vertical .item, .icon-bar.five-up.small-vertical .item {
     width: auto; }
-  @media only screen and (min-width:40.063em) {
+  @media only screen and (min-width:20em) {
     .icon-bar.five-up.medium-vertical .item {
       width: auto; } }
   @media only screen and (min-width:64.063em) {
@@ -3038,7 +3038,7 @@ label.error {
     width: 16.66667%; }
   .icon-bar.six-up.vertical .item, .icon-bar.six-up.small-vertical .item {
     width: auto; }
-  @media only screen and (min-width:40.063em) {
+  @media only screen and (min-width:20em) {
     .icon-bar.six-up.medium-vertical .item {
       width: auto; } }
   @media only screen and (min-width:64.063em) {
@@ -3048,7 +3048,7 @@ label.error {
     width: 14.28571%; }
   .icon-bar.seven-up.vertical .item, .icon-bar.seven-up.small-vertical .item {
     width: auto; }
-  @media only screen and (min-width:40.063em) {
+  @media only screen and (min-width:20em) {
     .icon-bar.seven-up.medium-vertical .item {
       width: auto; } }
   @media only screen and (min-width:64.063em) {
@@ -3058,7 +3058,7 @@ label.error {
     width: 12.5%; }
   .icon-bar.eight-up.vertical .item, .icon-bar.eight-up.small-vertical .item {
     width: auto; }
-  @media only screen and (min-width:40.063em) {
+  @media only screen and (min-width:20em) {
     .icon-bar.eight-up.medium-vertical .item {
       width: auto; } }
   @media only screen and (min-width:64.063em) {
@@ -3069,7 +3069,7 @@ label.error {
   width: 50%; }
 .icon-bar.two-up.vertical .item, .icon-bar.two-up.small-vertical .item {
   width: auto; }
-@media only screen and (min-width:40.063em) {
+@media only screen and (min-width:20em) {
   .icon-bar.two-up.medium-vertical .item {
     width: auto; } }
 @media only screen and (min-width:64.063em) {
@@ -3079,7 +3079,7 @@ label.error {
   width: 33.3333%; }
 .icon-bar.three-up.vertical .item, .icon-bar.three-up.small-vertical .item {
   width: auto; }
-@media only screen and (min-width:40.063em) {
+@media only screen and (min-width:20em) {
   .icon-bar.three-up.medium-vertical .item {
     width: auto; } }
 @media only screen and (min-width:64.063em) {
@@ -3089,7 +3089,7 @@ label.error {
   width: 25%; }
 .icon-bar.four-up.vertical .item, .icon-bar.four-up.small-vertical .item {
   width: auto; }
-@media only screen and (min-width:40.063em) {
+@media only screen and (min-width:20em) {
   .icon-bar.four-up.medium-vertical .item {
     width: auto; } }
 @media only screen and (min-width:64.063em) {
@@ -3099,7 +3099,7 @@ label.error {
   width: 20%; }
 .icon-bar.five-up.vertical .item, .icon-bar.five-up.small-vertical .item {
   width: auto; }
-@media only screen and (min-width:40.063em) {
+@media only screen and (min-width:20em) {
   .icon-bar.five-up.medium-vertical .item {
     width: auto; } }
 @media only screen and (min-width:64.063em) {
@@ -3109,7 +3109,7 @@ label.error {
   width: 16.66667%; }
 .icon-bar.six-up.vertical .item, .icon-bar.six-up.small-vertical .item {
   width: auto; }
-@media only screen and (min-width:40.063em) {
+@media only screen and (min-width:20em) {
   .icon-bar.six-up.medium-vertical .item {
     width: auto; } }
 @media only screen and (min-width:64.063em) {
@@ -3119,7 +3119,7 @@ label.error {
   width: 14.28571%; }
 .icon-bar.seven-up.vertical .item, .icon-bar.seven-up.small-vertical .item {
   width: auto; }
-@media only screen and (min-width:40.063em) {
+@media only screen and (min-width:20em) {
   .icon-bar.seven-up.medium-vertical .item {
     width: auto; } }
 @media only screen and (min-width:64.063em) {
@@ -3129,7 +3129,7 @@ label.error {
   width: 12.5%; }
 .icon-bar.eight-up.vertical .item, .icon-bar.eight-up.small-vertical .item {
   width: auto; }
-@media only screen and (min-width:40.063em) {
+@media only screen and (min-width:20em) {
   .icon-bar.eight-up.medium-vertical .item {
     width: auto; } }
 @media only screen and (min-width:64.063em) {
@@ -3273,7 +3273,7 @@ label.error {
   z-index: 9999; }
 
 /* Styles for screens that are at least 768px; */
-@media only screen and (min-width:40.063em) {
+@media only screen and (min-width:20em) {
   .joyride-tip-guide {
     width: 300px;
     left: inherit; }
@@ -3568,7 +3568,7 @@ label.error {
 .touch .orbit-bullets {
   display: none; }
 
-@media only screen and (min-width:40.063em) {
+@media only screen and (min-width:20em) {
   .touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next {
     display: inherit; }
   .touch .orbit-bullets {
@@ -3878,14 +3878,14 @@ ul.pagination {
     margin-top: 0; }
   .reveal-modal > :last-child {
     margin-bottom: 0; }
-  @media only screen and (min-width:40.063em) {
+  @media only screen and (min-width:20em) {
     .reveal-modal {
       left: 0;
       margin: 0 auto;
       max-width: 62.5rem;
       right: 0;
       width: 80%; } }
-  @media only screen and (min-width:40.063em) {
+  @media only screen and (min-width:20em) {
     .reveal-modal {
       top: 6.25rem; } }
   .reveal-modal.radius {
@@ -3894,35 +3894,35 @@ ul.pagination {
     border-radius: 1000px; }
   .reveal-modal.collapse {
     padding: 0; }
-  @media only screen and (min-width:40.063em) {
+  @media only screen and (min-width:20em) {
     .reveal-modal.tiny {
       left: 0;
       margin: 0 auto;
       max-width: 62.5rem;
       right: 0;
       width: 30%; } }
-  @media only screen and (min-width:40.063em) {
+  @media only screen and (min-width:20em) {
     .reveal-modal.small {
       left: 0;
       margin: 0 auto;
       max-width: 62.5rem;
       right: 0;
       width: 40%; } }
-  @media only screen and (min-width:40.063em) {
+  @media only screen and (min-width:20em) {
     .reveal-modal.medium {
       left: 0;
       margin: 0 auto;
       max-width: 62.5rem;
       right: 0;
       width: 60%; } }
-  @media only screen and (min-width:40.063em) {
+  @media only screen and (min-width:20em) {
     .reveal-modal.large {
       left: 0;
       margin: 0 auto;
       max-width: 62.5rem;
       right: 0;
       width: 70%; } }
-  @media only screen and (min-width:40.063em) {
+  @media only screen and (min-width:20em) {
     .reveal-modal.xlarge {
       left: 0;
       margin: 0 auto;
@@ -3937,7 +3937,7 @@ ul.pagination {
     max-width: none !important;
     min-height: 100vh;
     top: 0; }
-    @media only screen and (min-width:40.063em) {
+    @media only screen and (min-width:20em) {
       .reveal-modal.full {
         left: 0;
         margin: 0 auto;
@@ -4319,7 +4319,7 @@ table {
     .tabs-content.vertical > .content {
       padding: 0 0.9375rem; }
 
-@media only screen and (min-width:40.063em) {
+@media only screen and (min-width:20em) {
   .tabs.vertical {
     float: left;
     margin: 0;
@@ -4406,7 +4406,7 @@ table {
   font-size: 0.625rem;
   font-weight: normal; }
 
-@media only screen and (min-width:40.063em) {
+@media only screen and (min-width:20em) {
   .tooltip > .nub {
     border-color: transparent transparent #333333 transparent;
     top: -10px; }
@@ -4431,8 +4431,8 @@ table {
  }
 
 meta.foundation-mq-topbar {
-  font-family: "/only screen and (min-width:40.063em)/";
-  width: 40.063em; }
+  font-family: "/only screen and (min-width:20em)/";
+  width: 20em; }
 
 /* Wrapped around .top-bar to contain to grid width */
 .contain-to-grid {
@@ -4764,7 +4764,7 @@ meta.foundation-mq-topbar {
 .js-generated {
   display: block; }
 
-@media only screen and (min-width:40.063em) {
+@media only screen and (min-width:20em) {
   .top-bar {
     background: transparent;
     overflow: visible; }
@@ -4963,7 +4963,7 @@ meta.foundation-mq-topbar {
     text-align: justify !important; }
  }
 
-@media only screen and (min-width:40.063em) and (max-width:64em) {
+@media only screen and (min-width:20em) and (max-width:40em) {
   .medium-only-text-left {
     text-align: left !important; }
 
@@ -4977,7 +4977,7 @@ meta.foundation-mq-topbar {
     text-align: justify !important; }
  }
 
-@media only screen and (min-width:40.063em) {
+@media only screen and (min-width:20em) {
   .medium-text-left {
     text-align: left !important; }
 
@@ -5277,7 +5277,7 @@ blockquote, blockquote p {
   border: none;
   padding: 0 0.0625rem; }
 
-@media only screen and (min-width:40.063em) {
+@media only screen and (min-width:20em) {
   h1, h2, h3, h4, h5, h6 {
     line-height: 1.4; }
 
@@ -5491,7 +5491,7 @@ ul.off-canvas-list {
   right: 0;
   top: 0;
   z-index: 1002; }
-  @media only screen and (min-width:40.063em) {
+  @media only screen and (min-width:20em) {
     .move-right .exit-off-canvas:hover {
       background: rgba(255, 255, 255, 0.05); }
  }
@@ -5517,7 +5517,7 @@ ul.off-canvas-list {
   right: 0;
   top: 0;
   z-index: 1002; }
-  @media only screen and (min-width:40.063em) {
+  @media only screen and (min-width:20em) {
     .move-left .exit-off-canvas:hover {
       background: rgba(255, 255, 255, 0.05); }
  }
@@ -5543,7 +5543,7 @@ ul.off-canvas-list {
   right: 0;
   top: 0;
   z-index: 1002; }
-  @media only screen and (min-width:40.063em) {
+  @media only screen and (min-width:20em) {
     .offcanvas-overlap .exit-off-canvas:hover {
       background: rgba(255, 255, 255, 0.05); }
  }
@@ -5569,7 +5569,7 @@ ul.off-canvas-list {
   right: 0;
   top: 0;
   z-index: 1002; }
-  @media only screen and (min-width:40.063em) {
+  @media only screen and (min-width:20em) {
     .offcanvas-overlap-left .exit-off-canvas:hover {
       background: rgba(255, 255, 255, 0.05); }
  }
@@ -5595,7 +5595,7 @@ ul.off-canvas-list {
   right: 0;
   top: 0;
   z-index: 1002; }
-  @media only screen and (min-width:40.063em) {
+  @media only screen and (min-width:20em) {
     .offcanvas-overlap-right .exit-off-canvas:hover {
       background: rgba(255, 255, 255, 0.05); }
  }
@@ -5762,7 +5762,7 @@ ul.off-canvas-list {
  }
 
 /* medium displays */
-@media only screen and (min-width:40.063em) {
+@media only screen and (min-width:20em) {
   .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
     display: inherit !important; }
 
@@ -6272,7 +6272,7 @@ img.alignleft, img.alignright, img.aligncenter, img.alignnone, div.wp-caption im
     width: 100%; }
  }
 
-@media 40.063em, 64em {
+@media 20em, 40em {
   img.aligncenter, img.alignnone {
     width: 70% !important;
     display: block;
@@ -6467,7 +6467,7 @@ header#page-header {
     header#page-header #top #logo {
       position: absolute;
       left: 33%; }
-      @media only screen and (min-width:40.063em) and (max-width:64em) {
+      @media only screen and (min-width:20em) and (max-width:40em) {
         header#page-header #top #logo {
           left: 18%; } }
       header#page-header #top #logo img {
@@ -6929,7 +6929,7 @@ main #mid {
     main #mid #golf #request {
       margin-top: -20px;
       padding: 0; }
-      @media only screen and (min-width:40.063em) and (max-width:64em) {
+      @media only screen and (min-width:20em) and (max-width:40em) {
         main #mid #golf #request {
           padding-left: 15px; } }
       main #mid #golf #request img {
@@ -7016,7 +7016,7 @@ h2#slide-text {
   text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);
   position: relative;
   margin-top: -130px; }
-  @media only screen and (min-width:40.063em) and (max-width:64em) {
+  @media only screen and (min-width:20em) and (max-width:40em) {
     h2#slide-text {
       margin-top: -75px; } }
   @media (max-width: 780px) {
@@ -7188,7 +7188,7 @@ h2#slide-text {
     @media only screen and (max-width: 40em) {
       #page-wrapper .glm-member-detail-container .glm-member-list-description, #page-wrapper .glm-member-entry-container .glm-member-list-description, #page-wrapper .glm-member-list-container .glm-member-list-description {
         padding: 20px; } }
-  @media only screen and (min-width:0em) and (max-width:64em) {
+  @media only screen and (min-width:0em) and (max-width:40em) {
     #page-wrapper .glm-member-detail-container .glm-member-list-active-info, #page-wrapper .glm-member-entry-container .glm-member-list-active-info, #page-wrapper .glm-member-list-container .glm-member-list-active-info {
       left: initial; } }
 #page-wrapper .glm-member-detail-container {
@@ -7273,7 +7273,7 @@ h2#slide-text {
     #front .row.collapse #video h2 {
       margin-top: 20px;
       font-size: 1.125rem; }
-      @media only screen and (min-width:40.063em) and (max-width:64em) {
+      @media only screen and (min-width:20em) and (max-width:40em) {
         #front .row.collapse #video h2 {
           margin-top: 15px; } }
       @media only screen and (max-width: 40em) {
@@ -7443,7 +7443,7 @@ h2#slide-text {
 #blog-side-info-wrapper {
   top: -57px; }
 
-@media only screen and (min-width:40.063em) and (max-width:64em) {
+@media only screen and (min-width:20em) and (max-width:40em) {
   #blog-side-info-wrapper {
     top: -10px; }
  }
@@ -7867,14 +7867,17 @@ input#input_8_60.small, input#input_8_62 {
   border: none;
   font-weight: bold; }
 
+td.gfield_list_cell.gfield_list_56_cell1 input, td.gfield_list_cell.gfield_list_57_cell1 input {
+  width: 90px !important; }
+
 td.gfield_list_cell.gfield_list_56_cell1 select, td.gfield_list_cell.gfield_list_57_cell1 select {
-  width: 100% !important; }
+  width: 100%; }
 
 td.gfield_list_cell.gfield_list_56_cell3 select, td.gfield_list_cell.gfield_list_57_cell3 select {
-  width: 100% !important; }
+  width: 100%; }
 
 td.gfield_list_cell.gfield_list_56_cell1 input, td.gfield_list_cell.gfield_list_57_cell1 input {
-  width: 85% !important; }
+  width: 85%; }
 
 td.gfield_list_cell.gfield_list_56_cell3 input, td.gfield_list_cell.gfield_list_57_cell3 input {
   width: 100% !important; }
@@ -7891,10 +7894,37 @@ td.gfield_list_cell.gfield_list_56_cell1, td.gfield_list_cell.gfield_list_57_cel
   text-align: center !important;
   color: #4D4D4D !important; }
 
-@media (max-width: 320px) {
+.gform_wrapper select, .gform_wrapper textarea {
+  padding: 0; }
+
+.gform_wrapper .top_label li.gfield.gf_left_third input.large, .gform_wrapper .top_label li.gfield.gf_left_third input.medium, .gform_wrapper .top_label li.gfield.gf_left_third select.large, .gform_wrapper .top_label li.gfield.gf_left_third select.medium, .gform_wrapper .top_label li.gfield.gf_middle_third input.large, .gform_wrapper .top_label li.gfield.gf_middle_third input.medium, .gform_wrapper .top_label li.gfield.gf_middle_third select.large, .gform_wrapper .top_label li.gfield.gf_middle_third select.medium, .gform_wrapper .top_label li.gfield.gf_right_third input.large, .gform_wrapper .top_label li.gfield.gf_right_third input.medium, .gform_wrapper .top_label li.gfield.gf_right_third select.large, .gform_wrapper .top_label li.gfield.gf_right_third select.medium {
+  padding: 0; }
 
+@media only screen and (min-width:0em) and (max-width:40em) {
+
+  td.gfield_list_cell.gfield_list_56_cell1 input, td.gfield_list_cell.gfield_list_57_cell1 input {
+    width: 90px !important; }
 
 
   .gform_wrapper .top_label li.gfield.gf_right_half {
     display: block !important; }
+
+  .gform_wrapper .top_label li.gfield.gf_left_third, .gform_wrapper .top_label li.gfield.gf_middle_third, .gform_wrapper .top_label li.gfield.gf_right_third {
+    width: auto !important;
+    display: block !important; }
+
+ }
+
+@media (min-width: 640px) {
+
+  td.gfield_list_cell.gfield_list_56_cell1 input, td.gfield_list_cell.gfield_list_57_cell1 input {
+    width: 90px !important; }
+
+
+  .gform_wrapper .top_label li.gfield.gf_right_half {
+    display: inline-block !important; }
+
+  .gform_wrapper .top_label li.gfield.gf_left_third, .gform_wrapper .top_label li.gfield.gf_middle_third, .gform_wrapper .top_label li.gfield.gf_right_third {
+    display: inline-block !important; }
+
  }

diff --git a/scss/_settings.scss b/scss/_settings.scss
index a7d1643..a335de3 100644 (file)
--- a/scss/_settings.scss
+++ b/scss/_settings.scss
@@ -162,7 +162,7 @@ $body-font-style: normal;
 // - - - - - - - - - - - - - - - - - - - - - - - - -
 
 $small-range: (0em, 40em);
-$medium-range: (40.063em, 64em);
+$medium-range: (20em, 40em);
 $large-range: (64.063em, 90em);
 $xlarge-range: (90.063em, 120em);
 $xxlarge-range: (120.063em, 99999999em);

diff --git a/scss/plugins/_gravityforms.scss b/scss/plugins/_gravityforms.scss
index 1f058a9..5aea84f 100644 (file)
--- a/scss/plugins/_gravityforms.scss
+++ b/scss/plugins/_gravityforms.scss
@@ -30,14 +30,17 @@ input#input_8_60.small, input#input_8_62{
 li#field_8_61.gfieldgf_middle_third.gfield_htmlgfield_html_formatted.gfield_no_follows_desc.field_sublabel_below.field_description_below {
   
 }
+td.gfield_list_cell.gfield_list_56_cell1 input, td.gfield_list_cell.gfield_list_57_cell1 input{
+        width: 90px !important;
+    }
 td.gfield_list_cell.gfield_list_56_cell1 select, td.gfield_list_cell.gfield_list_57_cell1 select{
-   width: 100% !important;
+   width: 100%;
 }
 td.gfield_list_cell.gfield_list_56_cell3 select, td.gfield_list_cell.gfield_list_57_cell3 select{
-    width: 100% !important;
+    width: 100% ;
 }
 td.gfield_list_cell.gfield_list_56_cell1 input, td.gfield_list_cell.gfield_list_57_cell1 input{
-   width: 85% !important;
+   width: 85%;
 }
 td.gfield_list_cell.gfield_list_56_cell3 input, td.gfield_list_cell.gfield_list_57_cell3 input{
    width: 100% !important;
@@ -57,23 +60,65 @@ td.gfield_list_cell.gfield_list_56_cell1 , td.gfield_list_cell.gfield_list_57_ce
     text-align: center !important;
     color: #4D4D4D !important;
 }
+.gform_wrapper select, .gform_wrapper textarea{
+    padding: 0;
+}
+.gform_wrapper .top_label li.gfield.gf_left_third input.large, .gform_wrapper .top_label li.gfield.gf_left_third input.medium, .gform_wrapper .top_label li.gfield.gf_left_third select.large, .gform_wrapper .top_label li.gfield.gf_left_third select.medium, .gform_wrapper .top_label li.gfield.gf_middle_third input.large, .gform_wrapper .top_label li.gfield.gf_middle_third input.medium, .gform_wrapper .top_label li.gfield.gf_middle_third select.large, .gform_wrapper .top_label li.gfield.gf_middle_third select.medium, .gform_wrapper .top_label li.gfield.gf_right_third input.large, .gform_wrapper .top_label li.gfield.gf_right_third input.medium, .gform_wrapper .top_label li.gfield.gf_right_third select.large, .gform_wrapper .top_label li.gfield.gf_right_third select.medium{
+    padding: 0;
+}
 
 //mobile view ////////////////////////////////
-@media (max-width: 320px){
-td.gfield_list_cell.gfield_list_56_cell1 , td.gfield_list_cell.gfield_list_57_cell1,td.gfield_list_cell.gfield_list_56_cell2 , td.gfield_list_cell.gfield_list_57_cell2{
+@media #{$medium-down}{
+.gform_wrapper.gf_browser_gecko ul.gform_fields li.gfield select {
     
+   
 }
+    td.gfield_list_cell.gfield_list_56_cell1 input, td.gfield_list_cell.gfield_list_57_cell1 input{
+        width: 90px !important;
+    }
     .gform_wrapper table.gfield_list thead th{
         
         //font-weight: 400;
         
-}
-    td.gfield_list_cell.gfield_list_56_cell1 select, td.gfield_list_cell.gfield_list_57_cell1 select{
+}   
+    .gform_wrapper .top_label li.gfield.gf_right_half{
+        display: block !important;
+    }
+    .gform_wrapper .top_label li.gfield.gf_left_third, .gform_wrapper .top_label li.gfield.gf_middle_third,     .gform_wrapper .top_label li.gfield.gf_right_third{
+        width: auto !important;
+        display: block !important;
         
+    }
+    li#field_2_33.gfield.gf_right_third.gfield_contains_required.field_sublabel_below.field_description_below {
+
+    }
+
+}
+@media (min-width: 640px){
+.gform_wrapper.gf_browser_gecko ul.gform_fields li.gfield select {
+    
+   
 }
+    td.gfield_list_cell.gfield_list_56_cell1 input, td.gfield_list_cell.gfield_list_57_cell1 input{
+        width: 90px !important;
+    }
+    .gform_wrapper table.gfield_list thead th{
+        
+        //font-weight: 400;
+        
+}   
     .gform_wrapper .top_label li.gfield.gf_right_half{
-        display: block !important;
+       display: inline-block !important;
+    }
+    .gform_wrapper .top_label li.gfield.gf_left_third, .gform_wrapper .top_label li.gfield.gf_middle_third,     .gform_wrapper .top_label li.gfield.gf_right_third{
+        display: inline-block !important;
+       
+        
+    }
+    li#field_2_33.gfield.gf_right_third.gfield_contains_required.field_sublabel_below.field_description_below {
+
     }
+
 }
 
 ///////////////////////////////////
\ No newline at end of file