Make mobile width consistent.

Author: Zefeng (Daniel) Wang

src/pages/packet/components/useIsMobile.js

@@ -1,7 +1,7 @@
 import { useState, useEffect } from 'react';
 
 const checkIsMobile = (windowWidth) => {
-  return windowWidth && windowWidth <= 992;
+  return windowWidth && windowWidth <= 960;
 };
 
 const useIsMobile = () => {

src/pages/packet/packet.scss

@@ -401,7 +401,7 @@ p[class^="footer-list-type"] {
 }
 
 
-@media only screen and (max-width: $md) {
+@media only screen and (max-width: $lg) {
   div[class*="-row"], .packet-headline, .packet-blurb, .base-headline, .base-box, .intro-div  {
     margin-left: 20px;
   }