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>
