Fixes and Edits for Joomla Theme - Mobile and Tablet Devices

--------------------------------------------------------------- Remaining Edits for Mobile/Tablet devices: --------------------------------------------------------------- - The Google GeoChart map is displaying the pop-up country name in the wrong spot, instead of displaying it right on top of the actual country. Try clicking on random countries and you will see what I mean. This is occurring on both the desktop and mobile version. -- The pop-up box that shows once you add a product to the cart seems to have a vertical scroller on the right side, but it is behind the inner box ... I don't know if this slider is necessary, but can we either make it so it appears or remove it if you think it is unnecessary. It seems to be the same issue as the lightbox Terms and Conditions scroller that you fixed. This is occurring on both the desktop and mobile version. -- The add to cart green button displays incorrectly. It looks like it is stuck in the midpoint of the drop-down effect ... this should display properly like the website, but we do need to allow mobile users to select how many licenses they need, so the + and - buttons to add licenses must work -- The Screenshot Gallery and Video Tutorials icons on the product page are overlapping, so they need to be respaced to display correctly. -- I think the banner graphic is too large for mobile and it is screwing up the display of the product page. We need to resize this and shrink it down depending on the max width of the mobile device/tablet being used. -- I know we added it, but I want to remove the "Discount" price (displayed in red) from the Product Browse pages and the Product Details page. I want to keep it exactly as it is on the payment checkout page so you can leave that as is. -------------------------------------------------------- Checkout Page Fixes: -------------------------------------------------------- - On the payment page, the credit card information area is being cutoff on the right side and not displaying. Also the radioboxes for the payment options is very hard to see on mobile, so I would like to use a custom radiobox for both desktop and mobile ... I will provide the radiobox I want and I think it will include pre-built css code to accompany the graphic I choose (using a website that does this for you). -- Step 2 text "Choose Payment Method" on checkout page is not centered ... see screenshot -- The Step 4 text "Check Out" should be one word, so it should be "Checkout". -- The second instance of the Total price should be italicized like the one above it. The price is also being displayed 10px below the "Total" due to the code in the attached screenshot ... can we either bring up the price 10px or move the "Total" text down 10px so that they are aligned? -- The "Your Cart" section mobile does not display the different elements well. The desktop version is perfect, but can we modify the mobile display so that it matches my PSD? -- The mobile version for Step 3 is good, but can we modify the desktop display so that the billing is in two columns instead of one? I would like it to match my PSD, so it is just a matter of moving around the fields.