diff --git a/css/custom.css b/css/custom.css
index 0682c7d..a908917 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -1284,7 +1284,7 @@ table {
     width: 60%;
 }
 .city-meetup {
-    opacity: 0.8;
+    opacity: 0.7;
     filter: alpha(opacity=80); /* For IE8 and earlier */
 }
 
diff --git a/pages/registration.html b/pages/registration.html
index 25fbecc..a47f03f 100644
--- a/pages/registration.html
+++ b/pages/registration.html
@@ -2,7 +2,7 @@
       <div class="stage-shadow" id="front">
         <div class="stages card-align">
             <div class="row">
-               <div class="col-md-3" style="margin-top: 2%;">
+               <div class="col-md-3 col-sm-6" style="margin-top: 2%;">
                   <div class="card" style="width:100%;border-radius: 6px;">
                      <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor">
                         <img class="card-img-top" src="images/bangeluru.png" style="width:100%">
@@ -13,7 +13,7 @@
                            </div>
                            <div class="pull-right">
                               <label class="card-sub-title"><i class="material-icons">location_on</i>
-                              <span style="position: relative;top: -3px;">IIM-Bagalore</span>
+                              <span style="position: relative;top: -3px;">IIM-Bangalore</span>
                               </label>
                            </div>
                            <div class="clearfix"></div>
@@ -26,7 +26,7 @@
                       </div>
                   </div>
                </div>
-               <div class="col-md-3" style="margin-top: 2%;">
+               <div class="col-md-3 col-sm-6" style="margin-top: 2%;">
                   <div class="card" style="width:100%;border-radius: 6px;">
                      <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor">
                         <img class="card-img-top" src="images/chennai.png" style="width:100%">
@@ -50,7 +50,7 @@
                       </div>
                   </div>
                </div>
-               <div class="col-md-3" style="margin-top: 2%;">
+               <div class="col-md-3 col-sm-6" style="margin-top: 2%;">
                   <div class="card" style="width:100%;border-radius: 6px;">
                      <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor">
                         <img class="card-img-top" src="images/hydrabad.png" style="width:100%">
@@ -74,7 +74,7 @@
                       </div>
                   </div>
                </div>
-               <div class="col-md-3" style="margin-top: 2%;">
+               <div class="col-md-3 col-sm-6" style="margin-top: 2%;">
                   <div class="card" style="width:100%;border-radius: 6px;">
                      <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor">
                         <img class="card-img-top" src="images/mumbai.png" style="width:100%">
@@ -103,7 +103,7 @@
          <div class="clearfix"></div>
          <div class="stages card-align">
             <div class="row">
-               <div class="col-md-3" style="margin-top: 2%;">
+               <div class="col-md-3 col-sm-6" style="margin-top: 2%;">
                   <div class="card" style="width:100%;border-radius: 6px;">
                      <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor">
                         <img class="card-img-top" src="images/guwahati.png" style="width:100%">
@@ -127,7 +127,7 @@
                       </div>
                   </div>
                </div>
-               <div class="col-md-3" style="margin-top: 2%;">
+               <div class="col-md-3 col-sm-6" style="margin-top: 2%;">
                   <div class="card" style="width:100%;border-radius: 6px;">
                      <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor">
                         <img class="card-img-top" src="images/kolkata.png" style="width:100%">
@@ -151,7 +151,7 @@
                       </div>
                   </div>
                </div>
-               <div class="col-md-3" style="margin-top: 2%;">
+               <div class="col-md-3 col-sm-6" style="margin-top: 2%;">
                   <div class="card" style="width:100%;border-radius: 6px;">
                      <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor">
                         <img class="card-img-top" src="images/jaipur.png" style="width:100%">
@@ -175,7 +175,7 @@
                       </div>
                   </div>
                </div>
-               <div class="col-md-3" style="margin-top: 2%;">
+               <div class="col-md-3 col-sm-6" style="margin-top: 2%;">
                   <div class="card" style="width:100%;border-radius: 6px;">
                      <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor">
                         <img class="card-img-top" src="images/delhi.png" style="width:100%">
@@ -204,7 +204,7 @@
          <div class="clearfix"></div>
          <div class="stages card-align">
             <div class="row">
-               <div class="col-md-3" style="margin-top: 2%;">
+               <div class="col-md-3 col-sm-6" style="margin-top: 2%;">
                   <div class="card" style="width:100%;border-radius: 6px;">
                      <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor">
                         <img class="card-img-top" src="images/kanpur.png" style="width:100%">
@@ -228,7 +228,7 @@
                       </div>
                   </div>
                </div>
-               <div class="col-md-3" style="margin-top: 2%;">
+               <div class="col-md-3 col-sm-6" style="margin-top: 2%;">
                   <div class="card" style="width:100%;border-radius: 6px;">
                      <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor">
                         <img class="card-img-top" src="images/ahmedabad.png" style="width:100%">
@@ -252,7 +252,7 @@
                       </div>
                   </div>
                </div>
-               <div class="col-md-3" style="margin-top: 2%;">
+               <div class="col-md-3 col-sm-6" style="margin-top: 2%;">
                   <div class="card" style="width:100%;border-radius: 6px;">
                      <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor">
                         <img class="card-img-top" src="images/indore.png" style="width:100%">
@@ -276,7 +276,7 @@
                       </div>
                   </div>
                </div>
-               <div class="col-md-3" style="margin-top: 2%;">
+               <div class="col-md-3 col-sm-6" style="margin-top: 2%;">
                   <div class="card" style="width:100%;border-radius: 6px;">
                      <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor">
                         <img class="card-img-top" src="images/roorkee.png" style="width:100%">