修正

about/about.css

@@ -491,7 +491,7 @@ body .arrow:hover {
   }
 }
 
-#banner #banner-container .tab-content .sec03 .col-lg-3 {
+#banner #banner-container .tab-content .sec03 .col-lg-4 {
   position: relative;
   background: #80ab29;
   -webkit-transition: 0.3s ease-in-out;
@@ -499,7 +499,7 @@ body .arrow:hover {
   cursor: pointer;
 }
 
-#banner #banner-container .tab-content .sec03 .col-lg-3 .sec03-p-m {
+#banner #banner-container .tab-content .sec03 .col-lg-4 .sec03-p-m {
   color: #fff;
   text-align: center;
   font-size: 14px;
@@ -510,7 +510,7 @@ body .arrow:hover {
 }
 
 @media screen and (min-width: 1025px) {
-  #banner #banner-container .tab-content .sec03 .col-lg-3 .sec03-p-m {
+  #banner #banner-container .tab-content .sec03 .col-lg-4 .sec03-p-m {
     width: 100%;
     position: absolute;
     top: 100px;
@@ -521,7 +521,7 @@ body .arrow:hover {
 }
 
 @media screen and (min-width: 1025px) {
-  #banner #banner-container .tab-content .sec03 .col-lg-3 .sec03-p-m {
+  #banner #banner-container .tab-content .sec03 .col-lg-4 .sec03-p-m {
     position: absolute;
     top: 50px;
     left: 0px;
@@ -530,61 +530,61 @@ body .arrow:hover {
   }
 }
 
-#banner #banner-container .tab-content .sec03 .col-lg-3:hover .play1 {
+#banner #banner-container .tab-content .sec03 .col-lg-4:hover .play1 {
   opacity: 1;
 }
 
-#banner #banner-container .tab-content .sec03 .col-lg-3:hover .sec02-p-m,
-#banner #banner-container .tab-content .sec03 .col-lg-3:hover .sec03-p-m {
+#banner #banner-container .tab-content .sec03 .col-lg-4:hover .sec02-p-m,
+#banner #banner-container .tab-content .sec03 .col-lg-4:hover .sec03-p-m {
   opacity: 1;
 }
 
-#banner #banner-container .tab-content .sec03 .col-lg-3:hover img {
+#banner #banner-container .tab-content .sec03 .col-lg-4:hover img {
   opacity: 0.2;
 }
 
 @media screen and (max-width: 767px) {
-  #banner #banner-container .tab-content .sec03 .col-lg-3:hover img {
+  #banner #banner-container .tab-content .sec03 .col-lg-4:hover img {
     opacity: 1;
   }
 }
 
 @media screen and (max-width: 767px) {
-  #banner #banner-container .tab-content .sec03 .col-lg-3 {
+  #banner #banner-container .tab-content .sec03 .col-lg-4 {
     background: none;
   }
 }
 
-#banner #banner-container .tab-content .sec03 .col-lg-3 img {
+#banner #banner-container .tab-content .sec03 .col-lg-4 img {
   -o-object-fit: cover;
      object-fit: cover;
   width: 100% !important;
-  height: 180px !important;
+  height: 17vw !important;
   opacity: 1;
   -webkit-transition: 0.3s ease-in-out;
   transition: 0.3s ease-in-out;
 }
 
-#banner #banner-container .tab-content .sec03 .col-lg-3 .sec03-img-m {
+#banner #banner-container .tab-content .sec03 .col-lg-4 .sec03-img-m {
   text-align: center;
   width: 100%;
   position: absolute;
   top: 100px;
 }
 
-#banner #banner-container .tab-content .sec03 .col-lg-3 .sec03-img-m1 {
+#banner #banner-container .tab-content .sec03 .col-lg-4 .sec03-img-m1 {
   text-align: center;
   width: 100%;
   position: absolute;
 }
 
 @media screen and (max-width: 767px) {
-  #banner #banner-container .tab-content .sec03 .col-lg-3 .sec03-img-m1 {
+  #banner #banner-container .tab-content .sec03 .col-lg-4 .sec03-img-m1 {
     top: 80px;
   }
 }
 
-#banner #banner-container .tab-content .sec03 .col-lg-3 .sec03-img-m1 .play1 {
+#banner #banner-container .tab-content .sec03 .col-lg-4 .sec03-img-m1 .play1 {
   width: 50px !important;
   height: 50px !important;
 }

about/about.scss

@@ -389,7 +389,7 @@ body {
                 }
             }
             .sec03 {
-                .col-lg-3 {
+                .col-lg-4 {
                     
                     position: relative;
                     background: rgb(128, 171, 41);
@@ -442,7 +442,7 @@ body {
                     img {
                         object-fit: cover;
                         width: 100% !important;
-                        height: 180px !important;
+                        height: 17vw !important;
                         opacity: 1;
                         transition: 0.3s ease-in-out;
                     }

about/goto2.js

@@ -192,7 +192,7 @@ $(document).ready(function () {
                             } else {
                             for (var j = 0; j < msg[i].workVideo.length; j++) {
                                 aboutViedeo += ' \
-                                <div class="secimg col-lg-3 p-0">\
+                                <div class="secimg col-lg-4 p-0">\
                                 <a target="_blank" href="'+ msg[i].workVideo[j].videoSrc + '"><img class="img-fluid" src="' + msg[i].workVideo[j].video + '" alt=""></a>\
                                     <div class="sec03-p-m p-1 mt-1 text-center">\
                                     <p class="mb-1">'+ msg[i].workVideo[j].videotext + '</p>\