Decrease tabletBreakpoint to 768px

semantic/dist/components/ad.css

@@ -223,7 +223,7 @@
 .ui.mobile.ad {
   display: none;
 }
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.mobile.ad {
     display: block;
   }

semantic/dist/components/ad.min.css

@@ -7,4 +7,4 @@
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
- */.ui.ad{display:block;overflow:hidden;margin:1em 0}.ui.ad:first-child{margin:0}.ui.ad:last-child{margin:0}.ui.ad iframe{margin:0;padding:0;border:none;overflow:hidden}.ui.leaderboard.ad{width:728px;height:90px}.ui[class*="medium rectangle"].ad{width:300px;height:250px}.ui[class*="large rectangle"].ad{width:336px;height:280px}.ui[class*="half page"].ad{width:300px;height:600px}.ui.square.ad{width:250px;height:250px}.ui[class*="small square"].ad{width:200px;height:200px}.ui[class*="small rectangle"].ad{width:180px;height:150px}.ui[class*="vertical rectangle"].ad{width:240px;height:400px}.ui.button.ad{width:120px;height:90px}.ui[class*="square button"].ad{width:125px;height:125px}.ui[class*="small button"].ad{width:120px;height:60px}.ui.skyscraper.ad{width:120px;height:600px}.ui[class*="wide skyscraper"].ad{width:160px}.ui.banner.ad{width:468px;height:60px}.ui[class*="vertical banner"].ad{width:120px;height:240px}.ui[class*="top banner"].ad{width:930px;height:180px}.ui[class*="half banner"].ad{width:234px;height:60px}.ui[class*="large leaderboard"].ad{width:970px;height:90px}.ui.billboard.ad{width:970px;height:250px}.ui.panorama.ad{width:980px;height:120px}.ui.netboard.ad{width:580px;height:400px}.ui[class*="large mobile banner"].ad{width:320px;height:100px}.ui[class*="mobile leaderboard"].ad{width:320px;height:50px}.ui.mobile.ad{display:none}@media only screen and (max-width:1023.98px){.ui.mobile.ad{display:block}}.ui.centered.ad{margin-left:auto;margin-right:auto}.ui.test.ad{position:relative;background:#545454}.ui.test.ad:after{position:absolute;top:50%;left:50%;width:100%;text-align:center;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);content:'Ad';color:#fff;font-size:1em;font-weight:700}.ui.mobile.test.ad:after{font-size:.83333333em}.ui.test.ad[data-text]:after{content:attr(data-text)}
+ */.ui.ad{display:block;overflow:hidden;margin:1em 0}.ui.ad:first-child{margin:0}.ui.ad:last-child{margin:0}.ui.ad iframe{margin:0;padding:0;border:none;overflow:hidden}.ui.leaderboard.ad{width:728px;height:90px}.ui[class*="medium rectangle"].ad{width:300px;height:250px}.ui[class*="large rectangle"].ad{width:336px;height:280px}.ui[class*="half page"].ad{width:300px;height:600px}.ui.square.ad{width:250px;height:250px}.ui[class*="small square"].ad{width:200px;height:200px}.ui[class*="small rectangle"].ad{width:180px;height:150px}.ui[class*="vertical rectangle"].ad{width:240px;height:400px}.ui.button.ad{width:120px;height:90px}.ui[class*="square button"].ad{width:125px;height:125px}.ui[class*="small button"].ad{width:120px;height:60px}.ui.skyscraper.ad{width:120px;height:600px}.ui[class*="wide skyscraper"].ad{width:160px}.ui.banner.ad{width:468px;height:60px}.ui[class*="vertical banner"].ad{width:120px;height:240px}.ui[class*="top banner"].ad{width:930px;height:180px}.ui[class*="half banner"].ad{width:234px;height:60px}.ui[class*="large leaderboard"].ad{width:970px;height:90px}.ui.billboard.ad{width:970px;height:250px}.ui.panorama.ad{width:980px;height:120px}.ui.netboard.ad{width:580px;height:400px}.ui[class*="large mobile banner"].ad{width:320px;height:100px}.ui[class*="mobile leaderboard"].ad{width:320px;height:50px}.ui.mobile.ad{display:none}@media only screen and (max-width:767.98px){.ui.mobile.ad{display:block}}.ui.centered.ad{margin-left:auto;margin-right:auto}.ui.test.ad{position:relative;background:#545454}.ui.test.ad:after{position:absolute;top:50%;left:50%;width:100%;text-align:center;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);content:'Ad';color:#fff;font-size:1em;font-weight:700}.ui.mobile.test.ad:after{font-size:.83333333em}.ui.test.ad[data-text]:after{content:attr(data-text)}

semantic/dist/components/button.css

@@ -660,7 +660,7 @@
 
 
 /* Tablet Or Below */
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.stackable.buttons {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;

semantic/dist/components/card.css

@@ -1077,7 +1077,7 @@ a.ui.card:hover,
 
 
 /* Mobile Only */
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.two.doubling.cards {
     margin-left: 0;
     margin-right: 0;
@@ -1162,7 +1162,7 @@ a.ui.card:hover,
 }
 
 /* Tablet Only */
-@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui.two.doubling.cards {
     margin-left: 0;
     margin-right: 0;
@@ -1250,7 +1250,7 @@ a.ui.card:hover,
         Stackable
   --------------------*/
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.stackable.cards {
     display: block !important;
   }

semantic/dist/components/container.css

@@ -21,7 +21,7 @@
 }
 
 /* Mobile */
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.ui.ui.container:not(.fluid) {
     width: auto;
     margin-left: 1em;
@@ -39,20 +39,20 @@
 }
 
 /* Tablet */
-@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui.ui.ui.container:not(.fluid) {
-    width: 975px;
+    width: 719px;
     margin-left: auto;
     margin-right: auto;
   }
   .ui.ui.ui.grid.container {
-    width: calc(975px + 1rem);
+    width: calc(719px + 1rem);
   }
   .ui.ui.ui.relaxed.grid.container {
-    width: calc(975px + 3rem);
+    width: calc(719px + 3rem);
   }
   .ui.ui.ui.very.relaxed.grid.container {
-    width: calc(975px + 5rem);
+    width: calc(719px + 5rem);
   }
 }
 

semantic/dist/components/container.min.css

@@ -6,4 +6,4 @@
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
- */.ui.container{display:block;max-width:100%}@media only screen and (max-width:1023.98px){.ui.ui.ui.container:not(.fluid){width:auto;margin-left:1em;margin-right:1em}.ui.ui.ui.grid.container{width:auto}.ui.ui.ui.relaxed.grid.container{width:auto}.ui.ui.ui.very.relaxed.grid.container{width:auto}}@media only screen and (min-width:1024px) and (max-width:991.98px){.ui.ui.ui.container:not(.fluid){width:975px;margin-left:auto;margin-right:auto}.ui.ui.ui.grid.container{width:calc(975px + 1rem)}.ui.ui.ui.relaxed.grid.container{width:calc(975px + 3rem)}.ui.ui.ui.very.relaxed.grid.container{width:calc(975px + 5rem)}}@media only screen and (min-width:992px) and (max-width:1199.98px){.ui.ui.ui.container:not(.fluid){width:927px;margin-left:auto;margin-right:auto}.ui.ui.ui.grid.container{width:calc(927px + 1rem)}.ui.ui.ui.relaxed.grid.container{width:calc(927px + 3rem)}.ui.ui.ui.very.relaxed.grid.container{width:calc(927px + 5rem)}}@media only screen and (min-width:1200px){.ui.ui.ui.container:not(.fluid){width:1119px;margin-left:auto;margin-right:auto}.ui.ui.ui.grid.container{width:calc(1119px + 1rem)}.ui.ui.ui.relaxed.grid.container{width:calc(1119px + 3rem)}.ui.ui.ui.very.relaxed.grid.container{width:calc(1119px + 5rem)}}.ui.text.container{font-family:Raleway,sans-serif;max-width:700px;line-height:1.5;font-size:1.16666667rem}.ui.fluid.container{width:100%}.ui[class*="left aligned"].container{text-align:left}.ui[class*="center aligned"].container{text-align:center}.ui[class*="right aligned"].container{text-align:right}.ui.justified.container{text-align:justify;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}
+ */.ui.container{display:block;max-width:100%}@media only screen and (max-width:767.98px){.ui.ui.ui.container:not(.fluid){width:auto;margin-left:1em;margin-right:1em}.ui.ui.ui.grid.container{width:auto}.ui.ui.ui.relaxed.grid.container{width:auto}.ui.ui.ui.very.relaxed.grid.container{width:auto}}@media only screen and (min-width:768px) and (max-width:991.98px){.ui.ui.ui.container:not(.fluid){width:719px;margin-left:auto;margin-right:auto}.ui.ui.ui.grid.container{width:calc(719px + 1rem)}.ui.ui.ui.relaxed.grid.container{width:calc(719px + 3rem)}.ui.ui.ui.very.relaxed.grid.container{width:calc(719px + 5rem)}}@media only screen and (min-width:992px) and (max-width:1199.98px){.ui.ui.ui.container:not(.fluid){width:927px;margin-left:auto;margin-right:auto}.ui.ui.ui.grid.container{width:calc(927px + 1rem)}.ui.ui.ui.relaxed.grid.container{width:calc(927px + 3rem)}.ui.ui.ui.very.relaxed.grid.container{width:calc(927px + 5rem)}}@media only screen and (min-width:1200px){.ui.ui.ui.container:not(.fluid){width:1119px;margin-left:auto;margin-right:auto}.ui.ui.ui.grid.container{width:calc(1119px + 1rem)}.ui.ui.ui.relaxed.grid.container{width:calc(1119px + 3rem)}.ui.ui.ui.very.relaxed.grid.container{width:calc(1119px + 5rem)}}.ui.text.container{font-family:Raleway,sans-serif;max-width:700px;line-height:1.5;font-size:1.16666667rem}.ui.fluid.container{width:100%}.ui[class*="left aligned"].container{text-align:left}.ui[class*="center aligned"].container{text-align:center}.ui[class*="right aligned"].container{text-align:right}.ui.justified.container{text-align:justify;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}

semantic/dist/components/divider.css

@@ -114,7 +114,7 @@
 }
 
 /* Inside grid */
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.stackable.grid .ui.vertical.divider,
   .ui.grid .stackable.row .ui.vertical.divider {
     display: table;
@@ -281,7 +281,7 @@
 .ui.horizontal.divider:after {
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');
 }
-@media only screen and (max-width: 1023px) {
+@media only screen and (max-width: 767px) {
   .ui.stackable.grid .ui.vertical.divider:before,
   .ui.grid .stackable.row .ui.vertical.divider:before,
   .ui.stackable.grid .ui.vertical.divider:after,

semantic/dist/components/dropdown.css

@@ -468,7 +468,7 @@ select.ui.dropdown {
 .ui.selection.dropdown .menu > .message {
   padding: 0.75rem 1.16666667rem;
 }
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.selection.dropdown.short .menu {
     max-height: 5.85rem;
   }
@@ -485,7 +485,7 @@ select.ui.dropdown {
     max-height: 23.4rem;
   }
 }
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.selection.dropdown.short .menu {
     max-height: 7.8rem;
   }
@@ -757,12 +757,12 @@ select.ui.dropdown {
           backface-visibility: hidden;
   -webkit-overflow-scrolling: touch;
 }
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.search.dropdown .menu {
     max-height: 7.8rem;
   }
 }
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.search.dropdown .menu {
     max-height: 10.4rem;
   }
@@ -1405,13 +1405,13 @@ select.ui.dropdown {
     min-width: calc(100% - 17px);
   }
 }
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.scrolling.dropdown .menu,
   .ui.dropdown .scrolling.menu {
     max-height: 10rem;
   }
 }
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.scrolling.dropdown .menu,
   .ui.dropdown .scrolling.menu {
     max-height: 15rem;

semantic/dist/components/form.css

@@ -1584,7 +1584,7 @@
 }
 
 /* Swap to full width on mobile */
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.form .fields {
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;

semantic/dist/components/grid.css

@@ -171,7 +171,7 @@
          Page Grid
   -------------------------*/
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.page.grid {
     width: auto;
     padding-left: 0;
@@ -180,7 +180,7 @@
     margin-right: 0;
   }
 }
-@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui.page.grid {
     width: auto;
     margin-left: 0;
@@ -459,7 +459,7 @@
 
 
 /* Mobile Sizing Combinations */
-@media only screen and (min-width: 320px) and (max-width: 1023.98px) {
+@media only screen and (min-width: 320px) and (max-width: 767.98px) {
   .ui.grid > .row > [class*="one wide mobile"].column,
   .ui.grid > .column.row > [class*="one wide mobile"].column,
   .ui.grid > [class*="one wide mobile"].column,
@@ -559,7 +559,7 @@
 }
 
 /* Tablet Sizing Combinations */
-@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui.grid > .row > [class*="one wide tablet"].column,
   .ui.grid > .column.row > [class*="one wide tablet"].column,
   .ui.grid > [class*="one wide tablet"].column,
@@ -1446,7 +1446,7 @@
 
 
 /* Mobile */
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui[class*="mobile reversed"].grid,
   .ui[class*="mobile reversed"].grid > .row,
   .ui.grid > [class*="mobile reversed"].row {
@@ -1497,7 +1497,7 @@
 }
 
 /* Tablet */
-@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui[class*="tablet reversed"].grid,
   .ui[class*="tablet reversed"].grid > .row,
   .ui.grid > [class*="tablet reversed"].row {
@@ -1602,7 +1602,7 @@
 
 
 /* Tablet Only */
-@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui.doubling.grid {
     width: auto;
   }
@@ -1698,7 +1698,7 @@
 }
 
 /* Mobile Only */
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.grid > .doubling.row,
   .ui.doubling.grid > .row {
     margin: 0 !important;
@@ -1793,7 +1793,7 @@
         Stackable
   --------------------*/
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.ui.ui.ui.stackable.grid {
     width: auto;
     margin-left: 0 !important;
@@ -1873,7 +1873,7 @@
 /* These include arbitrary class repetitions for forced specificity */
 
 /* Mobile Only Hide */
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui[class*="tablet only"].grid.grid.grid:not(.mobile),
   .ui.grid.grid.grid > [class*="tablet only"].row:not(.mobile),
   .ui.grid.grid.grid > [class*="tablet only"].column:not(.mobile),
@@ -1901,7 +1901,7 @@
 }
 
 /* Tablet Only Hide */
-@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui[class*="mobile only"].grid.grid.grid:not(.tablet),
   .ui.grid.grid.grid > [class*="mobile only"].row:not(.tablet),
   .ui.grid.grid.grid > [class*="mobile only"].column:not(.tablet),

semantic/dist/components/item.css

@@ -341,7 +341,7 @@
 }
 
 /* Tablet Only */
-@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui.items > .item {
     margin: 1em 0;
   }
@@ -355,7 +355,7 @@
 }
 
 /* Mobile Only */
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.items:not(.unstackable) > .item {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
@@ -489,7 +489,7 @@
      Unstackable
   ----------------*/
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.unstackable.items > .item > .image,
   .ui.unstackable.items > .item > .image > img {
     width: 125px !important;

semantic/dist/components/menu.css

@@ -405,14 +405,14 @@
     Container
 ---------------*/
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.menu > .ui.container {
     width: 100% !important;
     margin-left: 0 !important;
     margin-right: 0 !important;
   }
 }
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .item:not(.right):not(.borderless):first-child {
     border-left: 1px solid rgba(34, 36, 38, 0.1);
   }
@@ -1318,7 +1318,7 @@ Floated Menu / Item
       Stackable
   ---------------*/
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.stackable.menu {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;

semantic/dist/components/modal.css

@@ -203,13 +203,13 @@
 
 
 /* Modal Width */
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.modal:not(.fullscreen) {
     width: 95%;
     margin: 0 0 0 0;
   }
 }
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.modal:not(.fullscreen) {
     width: 88%;
     margin: 0 0 0 0;
@@ -247,7 +247,7 @@
 }
 
 /* Mobile */
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.modal > .header {
     padding: 0.75rem 1rem;
   }
@@ -398,7 +398,7 @@
 .modals.dimmer .ui.bottom.aligned.modal {
   bottom: 5vh;
 }
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .modals.dimmer .ui.top.aligned.modal {
     top: 1rem;
   }
@@ -502,13 +502,13 @@
 .ui.mini.modal > .header:not(.ui) {
   font-size: 1.3em;
 }
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.mini.modal {
     width: 95%;
     margin: 0 0 0 0;
   }
 }
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.mini.modal {
     width: 35.2%;
     margin: 0 0 0 0;
@@ -535,13 +535,13 @@
 .ui.tiny.modal > .header:not(.ui) {
   font-size: 1.3em;
 }
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.tiny.modal {
     width: 95%;
     margin: 0 0 0 0;
   }
 }
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.tiny.modal {
     width: 52.8%;
     margin: 0 0 0 0;
@@ -568,13 +568,13 @@
 .ui.small.modal > .header:not(.ui) {
   font-size: 1.3em;
 }
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.small.modal {
     width: 95%;
     margin: 0 0 0 0;
   }
 }
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.small.modal {
     width: 70.4%;
     margin: 0 0 0 0;
@@ -601,13 +601,13 @@
 .ui.large.modal > .header:not(.ui) {
   font-size: 1.6em;
 }
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.large.modal {
     width: 95%;
     margin: 0 0 0 0;
   }
 }
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.large.modal {
     width: 88%;
     margin: 0 0 0 0;
@@ -634,13 +634,13 @@
 .ui.big.modal > .header:not(.ui) {
   font-size: 1.6em;
 }
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.big.modal {
     width: 95%;
     margin: 0 0 0 0;
   }
 }
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.big.modal {
     width: 88%;
     margin: 0 0 0 0;
@@ -667,13 +667,13 @@
 .ui.huge.modal > .header:not(.ui) {
   font-size: 1.6em;
 }
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.huge.modal {
     width: 95%;
     margin: 0 0 0 0;
   }
 }
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.huge.modal {
     width: 88%;
     margin: 0 0 0 0;
@@ -700,13 +700,13 @@
 .ui.massive.modal > .header:not(.ui) {
   font-size: 1.8em;
 }
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.massive.modal {
     width: 95%;
     margin: 0 0 0 0;
   }
 }
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.massive.modal {
     width: 88%;
     margin: 0 0 0 0;

semantic/dist/components/popup.css

@@ -212,7 +212,7 @@
 [data-tooltip][data-variation*="very wide fixed"]:after {
   width: 550px;
 }
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   [data-tooltip][data-variation~="fixed"]:after {
     width: 250px;
   }
@@ -698,7 +698,7 @@
 .ui[class*="very wide"].popup.fixed {
   width: 550px;
 }
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.wide.popup,
   .ui[class*="very wide"].popup {
     max-width: 250px;

semantic/dist/components/search.css

@@ -384,12 +384,12 @@
           backface-visibility: hidden;
   -webkit-overflow-scrolling: touch;
 }
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.scrolling.search > .results {
     max-height: 11.98666667em;
   }
 }
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.scrolling.search > .results {
     max-height: 17.98em;
   }
@@ -404,7 +404,7 @@
     max-height: 35.96em;
   }
 }
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.search.short > .results {
     max-height: 11.98666667em;
   }
@@ -418,7 +418,7 @@
     max-height: 35.96em;
   }
 }
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.search.short > .results {
     max-height: 17.98em;
   }
@@ -515,7 +515,7 @@
       Mobile
 ---------------*/
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.search .results {
     max-width: calc(100vw - 2rem);
   }

semantic/dist/components/statistic.css

@@ -498,7 +498,7 @@
       Stackable
   ---------------*/
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.stackable.statistics {
     width: auto;
     margin-left: 0 !important;

semantic/dist/components/step.css

@@ -281,7 +281,7 @@
 
 
 /* Mobile (Default) */
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.steps:not(.unstackable) {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;

semantic/dist/components/table.css

@@ -168,7 +168,7 @@
 }
 
 /* Responsive */
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.table:not(.unstackable) {
     width: 100%;
     padding: 0;

semantic/dist/semantic.css

@@ -1388,7 +1388,7 @@ body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:hover {
 
 /* Tablet Or Below */
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.stackable.buttons {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
@@ -5695,7 +5695,7 @@ body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:hover {
 
 /* Mobile */
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.ui.ui.container:not(.fluid) {
     width: auto;
     margin-left: 1em;
@@ -5717,23 +5717,23 @@ body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:hover {
 
 /* Tablet */
 
-@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui.ui.ui.container:not(.fluid) {
-    width: 975px;
+    width: 719px;
     margin-left: auto;
     margin-right: auto;
   }
 
   .ui.ui.ui.grid.container {
-    width: calc(975px + 1rem);
+    width: calc(719px + 1rem);
   }
 
   .ui.ui.ui.relaxed.grid.container {
-    width: calc(975px + 3rem);
+    width: calc(719px + 3rem);
   }
 
   .ui.ui.ui.very.relaxed.grid.container {
-    width: calc(975px + 5rem);
+    width: calc(719px + 5rem);
   }
 }
 
@@ -5952,7 +5952,7 @@ body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:hover {
 
 /* Inside grid */
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.stackable.grid .ui.vertical.divider,
   .ui.grid .stackable.row .ui.vertical.divider {
     display: table;
@@ -6132,7 +6132,7 @@ body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:hover {
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');
 }
 
-@media only screen and (max-width: 1023px) {
+@media only screen and (max-width: 767px) {
   .ui.stackable.grid .ui.vertical.divider:before,
   .ui.grid .stackable.row .ui.vertical.divider:before,
   .ui.stackable.grid .ui.vertical.divider:after,
@@ -40574,7 +40574,7 @@ ol.ui.suffixed.list li:before,
 
 /* Mobile (Default) */
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.steps:not(.unstackable) {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
@@ -43136,7 +43136,7 @@ span.ui.massive.text {
 
 /* Swap to full width on mobile */
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.form .fields {
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
@@ -43565,7 +43565,7 @@ span.ui.massive.text {
          Page Grid
   -------------------------*/
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.page.grid {
     width: auto;
     padding-left: 0;
@@ -43575,7 +43575,7 @@ span.ui.massive.text {
   }
 }
 
-@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui.page.grid {
     width: auto;
     margin-left: 0;
@@ -43905,7 +43905,7 @@ span.ui.massive.text {
 
 /* Mobile Sizing Combinations */
 
-@media only screen and (min-width: 320px) and (max-width: 1023.98px) {
+@media only screen and (min-width: 320px) and (max-width: 767.98px) {
   .ui.grid > .row > [class*="one wide mobile"].column,
   .ui.grid > .column.row > [class*="one wide mobile"].column,
   .ui.grid > [class*="one wide mobile"].column,
@@ -44021,7 +44021,7 @@ span.ui.massive.text {
 
 /* Tablet Sizing Combinations */
 
-@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui.grid > .row > [class*="one wide tablet"].column,
   .ui.grid > .column.row > [class*="one wide tablet"].column,
   .ui.grid > [class*="one wide tablet"].column,
@@ -45026,7 +45026,7 @@ span.ui.massive.text {
 
 /* Mobile */
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui[class*="mobile reversed"].grid,
   .ui[class*="mobile reversed"].grid > .row,
   .ui.grid > [class*="mobile reversed"].row {
@@ -45085,7 +45085,7 @@ span.ui.massive.text {
 
 /* Tablet */
 
-@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui[class*="tablet reversed"].grid,
   .ui[class*="tablet reversed"].grid > .row,
   .ui.grid > [class*="tablet reversed"].row {
@@ -45205,7 +45205,7 @@ span.ui.massive.text {
 
 /* Tablet Only */
 
-@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui.doubling.grid {
     width: auto;
   }
@@ -45319,7 +45319,7 @@ span.ui.massive.text {
 
 /* Mobile Only */
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.grid > .doubling.row,
   .ui.doubling.grid > .row {
     margin: 0 !important;
@@ -45430,7 +45430,7 @@ span.ui.massive.text {
         Stackable
   --------------------*/
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.ui.ui.ui.stackable.grid {
     width: auto;
     margin-left: 0 !important;
@@ -45519,7 +45519,7 @@ span.ui.massive.text {
 
 /* Mobile Only Hide */
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui[class*="tablet only"].grid.grid.grid:not(.mobile),
   .ui.grid.grid.grid > [class*="tablet only"].row:not(.mobile),
   .ui.grid.grid.grid > [class*="tablet only"].column:not(.mobile),
@@ -45551,7 +45551,7 @@ span.ui.massive.text {
 
 /* Tablet Only Hide */
 
-@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui[class*="mobile only"].grid.grid.grid:not(.tablet),
   .ui.grid.grid.grid > [class*="mobile only"].row:not(.tablet),
   .ui.grid.grid.grid > [class*="mobile only"].column:not(.tablet),
@@ -46195,7 +46195,7 @@ span.ui.massive.text {
     Container
 ---------------*/
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.menu > .ui.container {
     width: 100% !important;
     margin-left: 0 !important;
@@ -46203,7 +46203,7 @@ span.ui.massive.text {
   }
 }
 
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .item:not(.right):not(.borderless):first-child {
     border-left: 1px solid rgba(34, 36, 38, 0.1);
   }
@@ -47208,7 +47208,7 @@ Floated Menu / Item
       Stackable
   ---------------*/
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.stackable.menu {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
@@ -49284,7 +49284,7 @@ Floated Menu / Item
 
 /* Responsive */
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.table:not(.unstackable) {
     width: 100%;
     padding: 0;
@@ -51921,7 +51921,7 @@ Floated Menu / Item
   display: none;
 }
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.mobile.ad {
     display: block;
   }
@@ -53165,7 +53165,7 @@ a.ui.card:hover,
 
 /* Mobile Only */
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.two.doubling.cards {
     margin-left: 0;
     margin-right: 0;
@@ -53268,7 +53268,7 @@ a.ui.card:hover,
 
 /* Tablet Only */
 
-@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui.two.doubling.cards {
     margin-left: 0;
     margin-right: 0;
@@ -53373,7 +53373,7 @@ a.ui.card:hover,
         Stackable
   --------------------*/
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.stackable.cards {
     display: block !important;
   }
@@ -54569,7 +54569,7 @@ a.inverted.ui.card:hover,
 
 /* Tablet Only */
 
-@media only screen and (min-width: 1024px) and (max-width: 991.98px) {
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
   .ui.items > .item {
     margin: 1em 0;
   }
@@ -54586,7 +54586,7 @@ a.inverted.ui.card:hover,
 
 /* Mobile Only */
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.items:not(.unstackable) > .item {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
@@ -54736,7 +54736,7 @@ a.inverted.ui.card:hover,
      Unstackable
   ----------------*/
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.unstackable.items > .item > .image,
   .ui.unstackable.items > .item > .image > img {
     width: 125px !important;
@@ -55395,7 +55395,7 @@ a.inverted.ui.card:hover,
       Stackable
   ---------------*/
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.stackable.statistics {
     width: auto;
     margin-left: 0 !important;
@@ -57888,7 +57888,7 @@ select.ui.dropdown {
   padding: 0.75rem 1.16666667rem;
 }
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.selection.dropdown.short .menu {
     max-height: 5.85rem;
   }
@@ -57910,7 +57910,7 @@ select.ui.dropdown {
   }
 }
 
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.selection.dropdown.short .menu {
     max-height: 7.8rem;
   }
@@ -58228,13 +58228,13 @@ select.ui.dropdown {
   -webkit-overflow-scrolling: touch;
 }
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.search.dropdown .menu {
     max-height: 7.8rem;
   }
 }
 
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.search.dropdown .menu {
     max-height: 10.4rem;
   }
@@ -58963,14 +58963,14 @@ select.ui.dropdown {
   }
 }
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.scrolling.dropdown .menu,
   .ui.dropdown .scrolling.menu {
     max-height: 10rem;
   }
 }
 
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.scrolling.dropdown .menu,
   .ui.dropdown .scrolling.menu {
     max-height: 15rem;
@@ -60094,14 +60094,14 @@ select.ui.dropdown {
 
 /* Modal Width */
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.modal:not(.fullscreen) {
     width: 95%;
     margin: 0 0 0 0;
   }
 }
 
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.modal:not(.fullscreen) {
     width: 88%;
     margin: 0 0 0 0;
@@ -60145,7 +60145,7 @@ select.ui.dropdown {
 
 /* Mobile */
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.modal > .header {
     padding: 0.75rem 1rem;
   }
@@ -60317,7 +60317,7 @@ select.ui.dropdown {
   bottom: 5vh;
 }
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .modals.dimmer .ui.top.aligned.modal {
     top: 1rem;
   }
@@ -60438,14 +60438,14 @@ select.ui.dropdown {
   font-size: 1.3em;
 }
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.mini.modal {
     width: 95%;
     margin: 0 0 0 0;
   }
 }
 
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.mini.modal {
     width: 35.2%;
     margin: 0 0 0 0;
@@ -60477,14 +60477,14 @@ select.ui.dropdown {
   font-size: 1.3em;
 }
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.tiny.modal {
     width: 95%;
     margin: 0 0 0 0;
   }
 }
 
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.tiny.modal {
     width: 52.8%;
     margin: 0 0 0 0;
@@ -60516,14 +60516,14 @@ select.ui.dropdown {
   font-size: 1.3em;
 }
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.small.modal {
     width: 95%;
     margin: 0 0 0 0;
   }
 }
 
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.small.modal {
     width: 70.4%;
     margin: 0 0 0 0;
@@ -60555,14 +60555,14 @@ select.ui.dropdown {
   font-size: 1.6em;
 }
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.large.modal {
     width: 95%;
     margin: 0 0 0 0;
   }
 }
 
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.large.modal {
     width: 88%;
     margin: 0 0 0 0;
@@ -60594,14 +60594,14 @@ select.ui.dropdown {
   font-size: 1.6em;
 }
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.big.modal {
     width: 95%;
     margin: 0 0 0 0;
   }
 }
 
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.big.modal {
     width: 88%;
     margin: 0 0 0 0;
@@ -60633,14 +60633,14 @@ select.ui.dropdown {
   font-size: 1.6em;
 }
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.huge.modal {
     width: 95%;
     margin: 0 0 0 0;
   }
 }
 
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.huge.modal {
     width: 88%;
     margin: 0 0 0 0;
@@ -60672,14 +60672,14 @@ select.ui.dropdown {
   font-size: 1.8em;
 }
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.massive.modal {
     width: 95%;
     margin: 0 0 0 0;
   }
 }
 
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.massive.modal {
     width: 88%;
     margin: 0 0 0 0;
@@ -61320,7 +61320,7 @@ a.ui.nag {
   width: 550px;
 }
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   [data-tooltip][data-variation~="fixed"]:after {
     width: 250px;
   }
@@ -61868,7 +61868,7 @@ a.ui.nag {
   width: 550px;
 }
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.wide.popup,
   .ui[class*="very wide"].popup {
     max-width: 250px;
@@ -64888,13 +64888,13 @@ a.ui.nag {
   -webkit-overflow-scrolling: touch;
 }
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.scrolling.search > .results {
     max-height: 11.98666667em;
   }
 }
 
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.scrolling.search > .results {
     max-height: 17.98em;
   }
@@ -64912,7 +64912,7 @@ a.ui.nag {
   }
 }
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.search.short > .results {
     max-height: 11.98666667em;
   }
@@ -64930,7 +64930,7 @@ a.ui.nag {
   }
 }
 
-@media only screen and (min-width: 1024px) {
+@media only screen and (min-width: 768px) {
   .ui.search.short > .results {
     max-height: 17.98em;
   }
@@ -65046,7 +65046,7 @@ a.ui.nag {
       Mobile
 ---------------*/
 
-@media only screen and (max-width: 1023.98px) {
+@media only screen and (max-width: 767.98px) {
   .ui.search .results {
     max-width: calc(100vw - 2rem);
   }

semantic/src/themes/default/globals/site.variables

@@ -218,7 +218,7 @@
 --------------------*/
 
 @mobileBreakpoint            : 320px;
-@tabletBreakpoint            : 1024px;
+@tabletBreakpoint            : 768px;
 @computerBreakpoint          : 992px;
 @largeMonitorBreakpoint      : 1200px;
 @widescreenMonitorBreakpoint : 1920px;