diff --git a/src/index.html b/src/index.html
index a4a67e4..4cda263 100644
--- a/src/index.html
+++ b/src/index.html
@@ -328,7 +328,7 @@
         <p class="pricing__title">Fork Subscription Pricing</p>
         <div class="container">
             <div class="row justify-content-center">
-                <div class="col-8 col-xl-3">
+                <div class="col-8 col-sm-6 col-lg-3">
                     <div class="price">
                         <p class="price__title">Students</p>
                         <p class="price__value">$29</p>
@@ -340,7 +340,7 @@
                         </a>
                     </div>
                 </div>
-                <div class="col-8 col-xl-3">
+                <div class="col-8 col-sm-6 col-lg-3">
                     <div class="price">
                         <p class="price__title">Professional</p>
                         <p class="price__value">$59</p>
@@ -352,7 +352,7 @@
                         </a>
                     </div>
                 </div>
-                <div class="col-8 col-xl-3">
+                <div class="col-8 col-sm-6 col-lg-3">
                     <div class="price">
                         <p class="price__title">Agency</p>
                         <p class="price__value">$99</p>
@@ -364,7 +364,7 @@
                         </a>
                     </div>
                 </div>
-                <div class="col-8 col-xl-3">
+                <div class="col-8 col-sm-6 col-lg-3">
                     <div class="price">
                         <p class="price__title">Enterprise</p>
                         <p class="price__value">$159</p>
diff --git a/src/scss/_pricing.scss b/src/scss/_pricing.scss
index 3592843..db4b5ad 100644
--- a/src/scss/_pricing.scss
+++ b/src/scss/_pricing.scss
@@ -21,17 +21,26 @@
   height: 450px;
   transition: $hover-duration;
 
-  @media all and (max-width: $desktop-xl) {
-    margin-top: 7px;
-    margin-bottom: 7px;
+  @media all and (max-width: $desktop) {
+    margin-top: 15px;
+    margin-bottom: 15px;
+  }
+
+  @media all and (min-width: $desktop) and (max-width: $desktop-xl) {
+    height: 470px;
   }
 
   &:hover {
-    @media all and (min-width: $desktop-xl) {
+    @media all and (min-width: $desktop) {
       margin-top: 70px;
       margin-bottom: 75px;
       height: 530px;
     }
+    @media all and (max-width: $desktop) {
+      margin-top: 7px;
+      margin-bottom: 7px;
+      height: 467px;
+    }
     background-color: rgba(0, 0, 0, 0.06);
     transition: $hover-duration;