CDS Popup Banner [CSS and Missing Image fix]

css/common.css

@@ -988,7 +988,7 @@ i.notice{
     margin-left: auto;
     margin-right: auto;
 }*/
-.overlay-cont, .error-cont, .loading-cont{
+.overlay-cont, .error-cont, .loading-cont, .add-pop-cont{
  	visibility: hidden;
     position: fixed;
     background: rgba(0,0,0,0.5);
@@ -1000,7 +1000,7 @@ i.notice{
   	right: 0;
 }
 @media (max-width: 1024px){
-	.overlay-cont, .error-cont, .loading-cont{
+	.overlay-cont, .error-cont, .loading-cont, .add-pop-cont{
 		position: absolute;
 	}
 }
@@ -1050,6 +1050,25 @@ i.notice{
   opacity: 1;
 }
 
+.add-popup {
+	position: relative;
+  	width: 100%;
+    max-width: 520px;
+    padding: 20px;
+    margin: 0 auto;
+    background: #fff;
+    border: 1px solid #9e9e9e;
+    box-shadow: 0 0 50px rgba(0,0,0,0.5);
+}
+.add-popup img{
+	width: 100%;
+}
+.add-pop-cont.active {
+  
+  visibility: visible !important;
+  /*text-align: center;*/
+  opacity: 1;
+}
 /* loading pop-up */
 
 .loading-popup{
@@ -1088,3 +1107,85 @@ i.notice{
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
 }
+
+/*merchant list*/
+.merchanttul{
+	margin-bottom:20px;
+    display: inline-block;
+    width: 100%;
+}
+.merchantul a{
+	/*padding-right: 20px;*/
+}
+.merchantul li {
+	/*height: 100%;
+    float: left;
+    min-height: 130px;
+    padding: 15px 30px;
+    width: 25%;*/
+    /*border-bottom:1px solid #ddd;*/
+/*    border-right: 1px solid #ddd;
+    border-top: 1px solid #ddd;*/
+
+    float: left;
+    min-height: 70px !important;
+    padding: 10px 20px;
+    width: 25%;
+    /* border: solid gray 1px; */
+    /* border-bottom: 1px solid #ddd;
+}
+.merchantul li a#CARDPAY, .merchantul li a#JRF, .merchantul li a#INSTANTBANKTRANSFER, .merchantul li a#JRF, .merchantul li a#CUP {
+    margin: 0 0 0 0;
+}
+.merchantul li .logofee{
+	/*display:inline-block;
+    padding: 10px 30px;*/
+}
+.merchantul li .logofee1{
+	display:inline-block;
+    padding: 10px 30px;
+}
+@media (max-width: 1363px){
+	.merchantul li{
+		padding: 9px 30px;
+		/*min-height: 200px !important;*/
+	}
+}
+@media (max-width: 435px){
+	.merchantul{
+		text-align: center;
+	}
+	.merchantul a{
+		float: initial !important;
+	}
+	.merchantul li .logofee{
+		padding: 10px 0;
+		width: 100%;
+		display:inline-block;
+   		/*padding: 10px 30px;*/
+	}
+	.merchantul li .logofee1{
+		padding: 10px 0;
+		width: 100%;
+	}
+	.merchantul li {
+	    width: 100% !important;
+	}
+}
+@media (max-width: 1231px){
+	.merchantul li {
+    float: left;
+    min-height: 100px;
+    padding: 20px 10px;
+    width: 50%;
+    /*border-bottom:1px solid #ddd;*/
+	}
+}
+.merch_h{
+	min-height: 355px;
+}
+.pd-40{
+	padding-left: 40px;
+	padding-right: 40px;
+	padding-top: 20px;
+}
\ No newline at end of file