only screen and (max-device-width : 530px){ .mm-extension {width: 46%;} .header h1 {font-size: 28px;} } @media only screen and (max-width : 320px), only screen and (max-device-width : 320px){ .mm-extension {width: 96%;} .mm-extension img {width: 96%;} .mm-extension h3 {font-size: 18px;} .mm-extension p, .header p {font-size: 18px;} .header h1 {font-size: 70px;} } </style> <div class="mm-extension-outer"> <?php if (!empty($submodule)) { $extension = MM_ExtensionsFactory::getExtension($submodule); if (!is_null($extension)) { echo $extension->displayConfigScreen(); } else { echo "<em>{$submodule}</em> is not a valid extension"; } } else { $extensionList = MM_ExtensionsFactory::getAvailableExtensions(); foreach ($extensionList as $anExtension) { $anExtension->displayListingItem(); } } ?> </div>