Add re-sizing compatibility
@@ -925,6 +925,53 @@ and (max-device-width : 1024px) {
}
}
+@media screen
+and (min-width : 451px)
+and (max-width : 1000px) {
+ .eligibility-criteria-container{
+ width: 75%;
+ }
+ .eligibility-modal-button{
+ width: 325px;
+ margin-bottom: 10px;
+ }
+ .dot{
+ height: 35px;
+ width: 35px;
+ background-color: #C4C4C4;
+ border-radius: 50%;
+ display: inline-flex;
+ color: #FFFFFF;
+ text-decoration: none;
+ right: 20px;
+ bottom: 10px;
+ position: absolute;
+ }
+}
+
+@media screen
+and (max-width : 450px) {
+ .eligibility-criteria-container{
+ width: 75%;
+ }
+ .eligibility-modal-button{
+ width: 300px;
+ margin-bottom: 10px;
+ }
+ .dot{
+ height: 35px;
+ width: 35px;
+ background-color: #C4C4C4;
+ border-radius: 50%;
+ display: inline-flex;
+ color: #FFFFFF;
+ text-decoration: none;
+ right: 10px;
+ bottom: 10px;
+ position: absolute;
+ }
+}
+
/*
----------------------------------------------------------------------------
