.locHelpModal { text-align:left; background:#EFDECD; background-repeat:repeat-x; color:black; font-weight:normal; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size: 14px; width:50%; min-width:350px; padding:25px 25px 25px 25px; display:none; cursor:default; border-radius: 6px; border:none; box-shadow:0px 0px 15px black; } @media screen and (max-width: 768px) { /* Ipad when in portrait mode settings */ .locHelpModal { width:90% } } @media screen and (max-width: 480px) { /* mobile phone view */ .locHelpModal { width:90% } }