0 %}class="flex-fill" style="max-width: {{ columns | times: 298 | minus: 24 }}px"{% endif %}>
{{ content }}
diff --git a/pages/_layouts/default.html b/pages/_layouts/default.html
index cfb0dd2b5..2b8ea136b 100644
--- a/pages/_layouts/default.html
+++ b/pages/_layouts/default.html
@@ -9,12 +9,7 @@ layout: base
{% include layout/topnav.html dark=page.header-dark sticky=page.header-sticky %}
-
-
-
- {% include layout/menu.html top=true %}
-
-
+ {% include layout/topmenu.html %}
{% include layout/page-title.html %}
diff --git a/scss/tabler.scss b/scss/tabler.scss
index 346054698..75c5f3d9c 100644
--- a/scss/tabler.scss
+++ b/scss/tabler.scss
@@ -35,7 +35,6 @@
@import "ui/lists";
@import "ui/loaders";
@import "ui/login";
-@import "ui/media";
@import "ui/modals";
@import "ui/nav";
@import "ui/pagination";
diff --git a/scss/ui/_media.scss b/scss/ui/_media.scss
deleted file mode 100644
index 7b8af4539..000000000
--- a/scss/ui/_media.scss
+++ /dev/null
@@ -1,158 +0,0 @@
-// stylelint-disable property-no-vendor-prefix
-
-.media {
- position: relative;
- display: flex;
- flex-shrink: 0;
- padding: 0;
- overflow: hidden;
- border-top-left-radius: inherit;
- border-top-right-radius: inherit;
-
- &:not(:first-child):not(:last-child):not(:only-child) {
- border-radius: 0;
- }
-}
-
-.media-list {
- margin: 0;
- padding: 0;
- list-style: none;
-}
-
-.media-overlay {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 2;
- display: flex;
- align-items: center;
- padding: 1rem;
- color: #fff;
-
- &.overlay-top {
- bottom: auto;
- }
-
- &.overlay-bottom {
- top: auto;
- }
-}
-
-.media-action {
- position: absolute;
- top: 50%;
- left: 50%;
- z-index: 3;
-
- display: flex;
- align-items: center;
- pointer-events: none;
- opacity: 0;
- transition: opacity .3s;
- transform: translate(-50%, -50%);
-
- &.active {
- opacity: 1;
- }
-
- &.media-action-overlay {
- display: flex;
- justify-content: space-around;
- width: 100%;
- height: 100%;
- padding: 0 5%;
- color: #fff;
- background-color: rgba(0, 0, 0, .2);
-
- .btn {
- flex-shrink: 0;
- }
- }
-}
-
-.list-item:hover,
-.list-item:active,
-.media:hover,
-.media:active,
-.active > .media {
- .media-action {
- pointer-events: initial;
- opacity: 1;
- }
-}
-
-.media iframe,
-.media-content {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- background-color: $body-bg;
- background-repeat: no-repeat;
- background-position: 50% 50%;
- background-size: cover;
- border: 0;
- border-radius: inherit;
-}
-
-.media-21x9::after {
- padding-top: 42.857143%;
-}
-
-.media-16x9::after {
- padding-top: 56.25%;
-}
-
-.media-4x3::after {
- padding-top: 75%;
-}
-
-.media-2x3::after {
- padding-top: 150%;
-}
-
-.media-3x4::after {
- padding-top: 133.33333%;
-}
-
-.media-1x2::after {
- padding-top: 200%;
-}
-
-.media-2x1::after {
- padding-top: 50%;
-}
-
-.media-1x1::after {
- padding-top: 100%;
-}
-
-.media-3x1::after {
- padding-top: 33%;
-}
-
-.media-4x1::after {
- padding-top: 25%;
-}
-
-.media-1-4::after {
- min-height: 10rem;
- padding-top: 25vh;
-}
-
-.media-1-3::after {
- min-height: 12.5rem;
- padding-top: 33vh;
-}
-
-.media-1-2::after {
- min-height: 15rem;
- padding-top: 50vh;
-}