.section3 {
       display: block;
       position: relative;
       background: #EEEEEE;
       padding-top: 30px;
       padding-bottom: 30px;
   }

   .Box3 {
       display: grid;
       grid-template-columns: repeat(5, 1fr);
       grid-gap: 10px 45px;
   }

   .Box3 a {
       width: 100%;
   }

   .Box3 a img {
       width: 100%;
   }

   .Box3 a h1 {
       width: 100%;
       height: 45px;
       overflow: hidden;
       text-overflow: ellipsis;
       font-size: 18px;
       color: #333333;
       text-align: center;
       display: flex;
       align-items: center;
       justify-content: center;
   }

   .Box3 a:hover h1 {
       color: var(--color);
   }

   .more3 {
       display: flex;
       justify-content: center;
       align-items: center;
       font-size: 16px;
       color: var(--color);
       width: 100px;
       height: 30px;
       border: 1px solid var(--color);
       margin: 0 auto;
   }

   @media (max-width: 1000px) {
       .Box3 {
           display: grid;
           grid-template-columns: repeat(4, 1fr);
       }

       .Box3 a h1 {
           font-size: 16px;
       }
   }


   @media (max-width: 720px) {
       .Box3 {
           display: grid;
           grid-template-columns: repeat(3, 1fr);
           grid-gap: 15px;
       }
   }


   @media (max-width: 480px) {
       .Box3 {
           grid-template-columns: repeat(2, 1fr);
       }
   }