diff --git a/aniwa/reports/templates/clean.html b/aniwa/reports/templates/clean.html
index be7caa4..63d2fff 100644
--- a/aniwa/reports/templates/clean.html
+++ b/aniwa/reports/templates/clean.html
@@ -3,6 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <title>Aniwa Dataset Profile</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
     <style>
         body {
@@ -197,32 +198,114 @@
             margin-top: 40px;
         }
 
-        @media (max-width: 900px) {
-            .cards,
-            .charts {
-                grid-template-columns: repeat(2, 1fr);
-            }
-        }
-
-        @media (max-width: 600px) {
-            body {
-                padding: 20px;
-            }
-
-            .cards,
-            .charts {
-                grid-template-columns: 1fr;
-            }
-
-            .chart-card.full {
-                max-width: 100%;
-            }
-
-            table {
-                display: block;
-                overflow-x: auto;
-            }
-        }
+        /* Tablet */
+@media (max-width: 992px) {
+    .cards {
+        grid-template-columns: repeat(2, 1fr);
+    }
+
+    .charts {
+        grid-template-columns: 1fr;
+    }
+
+    .header h1 {
+        font-size: 28px;
+    }
+}
+
+/* Mobile */
+@media (max-width: 768px) {
+
+    body {
+        padding: 15px;
+    }
+
+    .container {
+        width: 100%;
+    }
+
+    .cards {
+        grid-template-columns: 1fr;
+    }
+
+    .charts {
+        grid-template-columns: 1fr;
+    }
+
+    .card .value {
+        font-size: 24px;
+    }
+
+    .header h1 {
+        font-size: 24px;
+    }
+
+    .header p {
+        font-size: 14px;
+    }
+
+    section {
+        padding-top: 16px;
+    }
+
+    h2 {
+        font-size: 18px;
+    }
+
+    table {
+        display: block;
+        overflow-x: auto;
+        white-space: nowrap;
+        -webkit-overflow-scrolling: touch;
+    }
+
+    .metadata-table td:first-child {
+        width: 140px;
+    }
+
+    .chart-card {
+        padding: 12px;
+    }
+
+    .chart-card canvas {
+        max-height: 250px;
+    }
+
+    .footer {
+        text-align: center;
+    }
+}
+
+/* Small Phones */
+@media (max-width: 480px) {
+
+    body {
+        padding: 10px;
+    }
+
+    .header h1 {
+        font-size: 20px;
+    }
+
+    .card {
+        padding: 12px;
+    }
+
+    .card .value {
+        font-size: 20px;
+    }
+
+    th,
+    td {
+        font-size: 12px;
+        padding: 8px 6px;
+    }
+
+    .badge {
+        font-size: 10px;
+        padding: 2px 6px;
+    }
+}
     </style>
 </head>
 <body>
diff --git a/aniwa/reports/templates/compact.html b/aniwa/reports/templates/compact.html
index 0274d73..5a60b16 100644
--- a/aniwa/reports/templates/compact.html
+++ b/aniwa/reports/templates/compact.html
@@ -3,6 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <title>Aniwa Dataset Profile</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
 
     <style>
@@ -195,32 +196,160 @@
             padding-top: 10px;
         }
 
-        @media (max-width: 900px) {
-            .cards,
-            .charts {
-                grid-template-columns: repeat(2, 1fr);
-            }
-        }
-
-        @media (max-width: 700px) {
-            body {
-                padding: 12px;
-            }
-
-            .cards,
-            .charts {
-                grid-template-columns: 1fr;
-            }
-
-            .chart-card.full {
-                max-width: 100%;
-            }
-
-            table {
-                display: block;
-                overflow-x: auto;
-            }
-        }
+       /* ==========================
+   1200px - Large Screens
+========================== */
+@media screen and (max-width: 1200px){
+
+    .container{
+        max-width:100%;
+    }
+
+    .cards{
+        grid-template-columns:repeat(2,1fr);
+    }
+}
+
+/* ==========================
+   992px - Tablets
+========================== */
+@media screen and (max-width: 992px){
+
+    body{
+        padding:16px;
+    }
+
+    .cards{
+        grid-template-columns:repeat(2,1fr);
+    }
+
+    .charts{
+        grid-template-columns:1fr;
+    }
+
+    .header h1{
+        font-size:22px;
+    }
+
+    .card .value{
+        font-size:20px;
+    }
+}
+
+/* ==========================
+   768px - Small Tablets
+========================== */
+@media screen and (max-width: 768px){
+
+    body{
+        padding:12px;
+    }
+
+    .cards{
+        grid-template-columns:1fr;
+    }
+
+    .charts{
+        grid-template-columns:1fr;
+    }
+
+    .chart-card.full{
+        max-width:100%;
+    }
+
+    table{
+        display:block;
+        width:100%;
+        overflow-x:auto;
+        white-space:nowrap;
+        -webkit-overflow-scrolling:touch;
+    }
+
+    .metadata-table td:first-child{
+        width:140px;
+    }
+
+    h2{
+        font-size:15px;
+    }
+
+    h3{
+        font-size:12px;
+    }
+}
+
+/* ==========================
+   576px - Mobile
+========================== */
+@media screen and (max-width: 576px){
+
+    body{
+        padding:10px;
+        font-size:12px;
+    }
+
+    .header h1{
+        font-size:20px;
+    }
+
+    .header p{
+        font-size:12px;
+    }
+
+    .card{
+        padding:10px;
+    }
+
+    .card .value{
+        font-size:18px;
+    }
+
+    .card .label{
+        font-size:10px;
+    }
+
+    th,
+    td{
+        padding:6px;
+        font-size:11px;
+    }
+
+    .chart-card{
+        padding:10px;
+    }
+
+    .chart-card canvas{
+        max-height:220px;
+    }
+
+    .footer{
+        text-align:center;
+        font-size:10px;
+    }
+}
+
+/* ==========================
+   400px - Small Phones
+========================== */
+@media screen and (max-width: 400px){
+
+    .header h1{
+        font-size:18px;
+    }
+
+    .card .value{
+        font-size:16px;
+    }
+
+    h2{
+        font-size:14px;
+    }
+
+    .badge{
+        font-size:9px;
+        padding:2px 5px;
+    }
+}
     </style>
 </head>
 
diff --git a/aniwa/reports/templates/dark.html b/aniwa/reports/templates/dark.html
index b3273f2..e40b887 100644
--- a/aniwa/reports/templates/dark.html
+++ b/aniwa/reports/templates/dark.html
@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <title>Aniwa Dataset Profile</title>
-
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
 
     <style>
@@ -199,32 +199,188 @@
             margin-top: 40px;
         }
 
-        @media (max-width: 900px) {
-            .cards,
-            .charts {
-                grid-template-columns: repeat(2, 1fr);
-            }
-        }
-
-        @media (max-width: 600px) {
-            body {
-                padding: 20px;
-            }
-
-            .cards,
-            .charts {
-                grid-template-columns: 1fr;
-            }
-
-            .chart-card.full {
-                max-width: 100%;
-            }
-
-            table {
-                display: block;
-                overflow-x: auto;
-            }
-        }
+      /* ==========================
+   1200px
+========================== */
+@media screen and (max-width:1200px){
+
+    .container{
+        max-width:100%;
+    }
+
+    .cards{
+        grid-template-columns:repeat(2,1fr);
+    }
+}
+
+/* ==========================
+   992px
+========================== */
+@media screen and (max-width:992px){
+
+    body{
+        padding:25px;
+    }
+
+    .cards{
+        grid-template-columns:repeat(2,1fr);
+    }
+
+    .charts{
+        grid-template-columns:1fr;
+    }
+
+    .header h1{
+        font-size:30px;
+    }
+
+    .card .value{
+        font-size:26px;
+    }
+
+    section{
+        padding:20px;
+    }
+}
+
+/* ==========================
+   768px
+========================== */
+@media screen and (max-width:768px){
+
+    body{
+        padding:15px;
+    }
+
+    .cards{
+        grid-template-columns:1fr;
+    }
+
+    .charts{
+        grid-template-columns:1fr;
+    }
+
+    .chart-card.full{
+        max-width:100%;
+    }
+
+    .header h1{
+        font-size:24px;
+    }
+
+    .header p{
+        font-size:14px;
+    }
+
+    table{
+        display:block;
+        width:100%;
+        overflow-x:auto;
+        white-space:nowrap;
+        -webkit-overflow-scrolling:touch;
+    }
+
+    .metadata-table td:first-child{
+        width:140px;
+    }
+
+    .card{
+        padding:16px;
+    }
+}
+
+/* ==========================
+   576px
+========================== */
+@media screen and (max-width:576px){
+
+    body{
+        padding:12px;
+    }
+
+    .header h1{
+        font-size:20px;
+    }
+
+    .header p{
+        font-size:13px;
+    }
+
+    h2{
+        font-size:18px;
+    }
+
+    h3{
+        font-size:14px;
+    }
+
+    .card{
+        padding:14px;
+    }
+
+    .card .label{
+        font-size:12px;
+    }
+
+    .card .value{
+        font-size:22px;
+    }
+
+    th,
+    td{
+        padding:8px;
+        font-size:12px;
+    }
+
+    .badge{
+        font-size:10px;
+        padding:3px 8px;
+    }
+
+    .chart-card{
+        padding:12px;
+    }
+
+    .chart-card canvas{
+        max-height:220px;
+    }
+
+    .footer{
+        text-align:center;
+        font-size:12px;
+    }
+}
+
+/* ==========================
+   400px
+========================== */
+@media screen and (max-width:400px){
+
+    .header h1{
+        font-size:18px;
+    }
+
+    .card .value{
+        font-size:18px;
+    }
+
+    h2{
+        font-size:16px;
+    }
+
+    h3{
+        font-size:13px;
+    }
+
+    th,
+    td{
+        font-size:11px;
+    }
+
+    .badge{
+        font-size:9px;
+    }
+}
     </style>
 </head>
 
diff --git a/aniwa/reports/templates/default.html b/aniwa/reports/templates/default.html
index ff6f2be..5e9dd11 100644
--- a/aniwa/reports/templates/default.html
+++ b/aniwa/reports/templates/default.html
@@ -3,6 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <title>Aniwa Dataset Profile</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
     <style>
         body {
@@ -185,32 +186,188 @@
             margin-top: 40px;
         }
 
-        @media (max-width: 900px) {
-            .cards,
-            .charts {
-                grid-template-columns: repeat(2, 1fr);
-            }
-        }
-
-        @media (max-width: 600px) {
-            body {
-                padding: 20px;
-            }
-
-            .cards,
-            .charts {
-                grid-template-columns: 1fr;
-            }
-
-            .chart-card.full {
-                max-width: 100%;
-            }
-
-            table {
-                display: block;
-                overflow-x: auto;
-            }
-        }
+        /* ==========================
+   1200px
+========================== */
+@media screen and (max-width:1200px){
+
+    .container{
+        max-width:100%;
+    }
+
+    .cards{
+        grid-template-columns:repeat(2,1fr);
+    }
+}
+
+/* ==========================
+   992px
+========================== */
+@media screen and (max-width:992px){
+
+    body{
+        padding:25px;
+    }
+
+    .cards{
+        grid-template-columns:repeat(2,1fr);
+    }
+
+    .charts{
+        grid-template-columns:1fr;
+    }
+
+    .header h1{
+        font-size:30px;
+    }
+
+    .card .value{
+        font-size:26px;
+    }
+
+    section{
+        padding:20px;
+    }
+}
+
+/* ==========================
+   768px
+========================== */
+@media screen and (max-width:768px){
+
+    body{
+        padding:15px;
+    }
+
+    .cards{
+        grid-template-columns:1fr;
+    }
+
+    .charts{
+        grid-template-columns:1fr;
+    }
+
+    .chart-card.full{
+        max-width:100%;
+    }
+
+    .header h1{
+        font-size:24px;
+    }
+
+    .header p{
+        font-size:14px;
+    }
+
+    table{
+        display:block;
+        width:100%;
+        overflow-x:auto;
+        white-space:nowrap;
+        -webkit-overflow-scrolling:touch;
+    }
+
+    .metadata-table td:first-child{
+        width:140px;
+    }
+
+    .card{
+        padding:16px;
+    }
+}
+
+/* ==========================
+   576px
+========================== */
+@media screen and (max-width:576px){
+
+    body{
+        padding:12px;
+    }
+
+    .header h1{
+        font-size:20px;
+    }
+
+    .header p{
+        font-size:13px;
+    }
+
+    h2{
+        font-size:18px;
+    }
+
+    h3{
+        font-size:14px;
+    }
+
+    .card{
+        padding:14px;
+    }
+
+    .card .label{
+        font-size:12px;
+    }
+
+    .card .value{
+        font-size:22px;
+    }
+
+    th,
+    td{
+        padding:8px;
+        font-size:12px;
+    }
+
+    .badge{
+        font-size:10px;
+        padding:3px 8px;
+    }
+
+    .chart-card{
+        padding:12px;
+    }
+
+    .chart-card canvas{
+        max-height:220px;
+    }
+
+    .footer{
+        text-align:center;
+        font-size:12px;
+    }
+}
+
+/* ==========================
+   400px
+========================== */
+@media screen and (max-width:400px){
+
+    .header h1{
+        font-size:18px;
+    }
+
+    .card .value{
+        font-size:18px;
+    }
+
+    h2{
+        font-size:16px;
+    }
+
+    h3{
+        font-size:13px;
+    }
+
+    th,
+    td{
+        font-size:11px;
+    }
+
+    .badge{
+        font-size:9px;
+    }
+}
     </style>
 </head>
 <body>
diff --git a/aniwa/reports/templates/enterprise.html b/aniwa/reports/templates/enterprise.html
index 8f7c9fe..cbcd24f 100644
--- a/aniwa/reports/templates/enterprise.html
+++ b/aniwa/reports/templates/enterprise.html
@@ -3,6 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <title>Aniwa Dataset Profile</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
 
     <style>
@@ -203,32 +204,208 @@
             text-align: center;
         }
 
-        @media (max-width: 900px) {
-            .cards,
-            .charts {
-                grid-template-columns: repeat(2, 1fr);
-            }
-        }
-
-        @media (max-width: 600px) {
-            body {
-                padding: 20px;
-            }
-
-            .cards,
-            .charts {
-                grid-template-columns: 1fr;
-            }
-
-            .chart-card.full {
-                max-width: 100%;
-            }
-
-            table {
-                display: block;
-                overflow-x: auto;
-            }
-        }
+       /* ==========================
+   1200px
+========================== */
+@media screen and (max-width:1200px){
+
+    .container{
+        max-width:100%;
+    }
+
+    .cards{
+        grid-template-columns:repeat(2,1fr);
+    }
+}
+
+/* ==========================
+   992px
+========================== */
+@media screen and (max-width:992px){
+
+    body{
+        padding:25px;
+    }
+
+    .cards{
+        grid-template-columns:repeat(2,1fr);
+    }
+
+    .charts{
+        grid-template-columns:1fr;
+    }
+
+    .header{
+        padding:22px;
+    }
+
+    .header h1{
+        font-size:30px;
+    }
+
+    .card .value{
+        font-size:26px;
+    }
+
+    section{
+        padding:20px;
+    }
+}
+
+/* ==========================
+   768px
+========================== */
+@media screen and (max-width:768px){
+
+    body{
+        padding:15px;
+    }
+
+    .cards{
+        grid-template-columns:1fr;
+    }
+
+    .charts{
+        grid-template-columns:1fr;
+    }
+
+    .chart-card.full{
+        max-width:100%;
+    }
+
+    .header{
+        padding:20px;
+    }
+
+    .header h1{
+        font-size:24px;
+    }
+
+    .header p{
+        font-size:14px;
+    }
+
+    table{
+        display:block;
+        width:100%;
+        overflow-x:auto;
+        white-space:nowrap;
+        -webkit-overflow-scrolling:touch;
+    }
+
+    .metadata-table td:first-child{
+        width:140px;
+    }
+
+    .card{
+        padding:16px;
+    }
+}
+
+/* ==========================
+   576px
+========================== */
+@media screen and (max-width:576px){
+
+    body{
+        padding:12px;
+    }
+
+    .header{
+        padding:18px;
+        border-radius:14px;
+    }
+
+    .header h1{
+        font-size:20px;
+    }
+
+    .header p{
+        font-size:13px;
+    }
+
+    h2{
+        font-size:18px;
+    }
+
+    h3{
+        font-size:14px;
+    }
+
+    .card{
+        padding:14px;
+    }
+
+    .card .label{
+        font-size:11px;
+    }
+
+    .card .value{
+        font-size:22px;
+    }
+
+    th,
+    td{
+        padding:8px;
+        font-size:12px;
+    }
+
+    .badge{
+        font-size:10px;
+        padding:3px 8px;
+    }
+
+    .chart-card{
+        padding:12px;
+    }
+
+    .chart-card canvas{
+        max-height:220px;
+    }
+
+    .footer{
+        font-size:12px;
+    }
+}
+
+/* ==========================
+   400px
+========================== */
+@media screen and (max-width:400px){
+
+    .header h1{
+        font-size:18px;
+    }
+
+    .header p{
+        font-size:12px;
+    }
+
+    .card .value{
+        font-size:18px;
+    }
+
+    h2{
+        font-size:16px;
+    }
+
+    h3{
+        font-size:13px;
+    }
+
+    th,
+    td{
+        font-size:11px;
+    }
+
+    .badge{
+        font-size:9px;
+    }
+
+    .footer{
+        font-size:11px;
+    }
+}
     </style>
 </head>
 
@@ -360,10 +537,10 @@ <h2>Profiling Metadata</h2>
             {% endif %}
 
             {% if profile.metadata.included_sections %}
-            <tr>
-                <td>Included Sections</td>
-                <td>{{ profile.metadata.included_sections | join(", ") }}</td>
-            <tr>
+           <tr>
+            <td>Included Sections</td>
+            <td>{{ profile.metadata.included_sections | join(", ") }}</td>
+           </tr>
             {% endif %}
 
             {% if profile.metadata.excluded_sections %}
