From d7de0a46fa34b384a11e2908f59f8b9b79ff1450 Mon Sep 17 00:00:00 2001
From: prajwal <kumar.prajval@gmail.com>
Date: Fri, 14 Jun 2013 18:58:28 +0530
Subject: [PATCH] Updated responsive design related CSS changes

---
 .../resources/css/jquery.toastmessage.css     | 25 +++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/src/main/resources/css/jquery.toastmessage.css b/src/main/resources/css/jquery.toastmessage.css
index 1116db9..ba71c04 100644
--- a/src/main/resources/css/jquery.toastmessage.css
+++ b/src/main/resources/css/jquery.toastmessage.css
@@ -141,3 +141,28 @@
     margin-top: -40px;
     top: 50%;
 }
+
+/*Responsive Design*/
+@media all and (max-width: 240px) {
+  .toast-container > div {
+    padding: 8px 8px 8px 50px;
+    width: 108px;
+  }
+}
+@media all and (min-width: 241px) and (max-width: 320px) {
+  .toast-container > div {
+    padding: 8px 8px 8px 50px;
+    width: 128px;
+  }
+}
+@media all and (min-width: 321px) and (max-width: 480px) {
+  .toast-container > div {
+    padding: 8px 8px 8px 50px;
+    width: 192px;
+  }
+}
+@media all and (min-width: 481px) and (max-width: 768px) {
+  .toast-container > div {
+    padding: 15px 15px 15px 50px;
+    width: 300px;
+  }