diff --git a/demo/imgs/mdp_banner.jpg b/demo/imgs/mdp_banner.jpg
new file mode 100644
index 00000000..b16874f1
Binary files /dev/null and b/demo/imgs/mdp_banner.jpg differ
diff --git a/index.css b/index.css
index 25b7d923..e658e5b4 100644
--- a/index.css
+++ b/index.css
@@ -2,6 +2,13 @@
     box-sizing: border-box;
 }
 
+@media screen and (max-width: 1300px) {
+    .block-mobile {
+        display: block !important;
+        margin-bottom: 2em !important;
+    }
+}
+
 .header-panel {
     background-color: #009587;
     height: 144px;
diff --git a/index.html b/index.html
index 71aa3550..ed25c370 100644
--- a/index.html
+++ b/index.html
@@ -104,9 +104,13 @@
 
             <br>
 
-            <a href="http://www.creative-tim.com/product/material-kit-pro?affiliate_id=87385">
+            <a class="block-mobile" style="display: inline-block; max-width: 600px; margin: auto;" href="http://www.creative-tim.com/product/material-kit-pro?affiliate_id=87385">
               <img style="width: 100%" src="demo/imgs/mkp_banner.jpg" />
             </a>
+            
+            <a class="block-mobile" style="display: inline-block; max-width: 600px; margin: auto;" href="http://www.creative-tim.com/product/material-dashboard-pro?affiliate_id=87385">
+              <img style="width: 100%" src="demo/imgs/mdp_banner.jpg" />
+            </a>
 
             <div class="cbwrapper">
               <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=fezvrastagithubiobootstrapmateri" id="_carbonads_js"></script>