/* Responsive */
@media (max-width:1024px){
.swiper-button-main{display:none!important;}
.introduce-container .wrap-1200{grid-template-columns:1fr 1fr;align-items:center;}
.introduce-name{margin:0;padding:0;}
.introduce-desc{max-width:unset;width:100%;}
.introduce-container{padding:30px 10px;}
.navigation-pc{display:none;}
.navigation-slogan{text-align:center;font-size:16px;font-weight:600;line-height:24px;padding:8px 0;}
.header-slogan p{text-align:center;font-size:14px;font-weight:600;}
.header{padding:8px 0;}
.navigation-mobile{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;}
.post-index-grid{grid-template-columns:1fr 1fr;gap:10px;}
.post-index-item a{height:65px;font-size:16px;}
.post-index-grid > div:nth-child(1) h3 a{font-size:16px;}
.title-main-post-index span{font-size:27px;}
.title-main-post-index{padding:20px 0;}
.post-index-bgk{padding:0 10px 30px 10px;}
.title-main span{font-size:27px;}
.title-main::before{height:3px;}
.title-main{padding-bottom:15px;margin-bottom:14px;}
.slogan-main{font-size:14px;}
.service-container{padding:30px 10px;}
.team-container{padding:30px 10px;}
.team-btn{margin-top:30px;}
.evalute-container{padding:20px 10px 30px 10px;}
.title-main-2 span{font-size:26px;}
.video-container{padding-top:15px;}
.title-main-2{margin-bottom:10px;}
.video-items a span{gap:20px;line-height:20px;}
.news-container{padding:30px 0 0 0;}
.footer-article{padding:30px 10px 0 10px;}
.footer-article-grid{margin-bottom:30px;grid-template-columns:1fr 1fr;gap:20px;}
.news-video-container{padding:30px 10px;}
.navigation nav#menu{display:none;}
.navigation nav ul li ul{position:unset;box-shadow:none;opacity:1;visibility:unset;}
#hamburger{display:block;margin-bottom:0;width:35px;height:23px;position:relative;cursor:pointer;}
#hamburger:before,#hamburger:after,#hamburger span{background:#005EBC;}
#hamburger:before,#hamburger:after,#hamburger span{background:#005EBC;content: '';display:block;width:100%;height:2px;position:absolute;left:0px;}
#hamburger:before{top:0px;}
#hamburger span{top:10px;}
#hamburger:after{top:20px;}
#hamburger:before,#hamburger:after,#hamburger span{-webkit-transition:none 0.5s ease 0.5s;transition:none 0.5s ease 0.5s;-webkit-transition-property:transform,top,bottom,left,opacity;-webkit-transition-property:top,bottom,left,opacity,-webkit-transform;transition-property:top,bottom,left,opacity,-webkit-transform;transition-property:transform,top,bottom,left,opacity;transition-property:transform,top,bottom,left,opacity,-webkit-transform;}
a.logo-header-mmenu{display:block;max-width:50px;}
.introduce-year-open{perspective:100%;}

.btn-toggle-submenu{width: 30px; height: 30px; border:1px solid #ccc; background: transparent; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 12px; line-height: 1; padding: 0;}
.btn-toggle-submenu i{color:#ccc; font-size: 14px;};
.btn-toggle-submenu.active{border-color: #005ebc96;}
.btn-toggle-submenu.active i{color: #005EBC;}
}
@media (max-width:850px){
.grid-album{--col:3;}
.news-left{width:100%;order:1;}
.news-right{width:100%;padding:10px;margin-bottom:20px;}
.footer-article__inner > [class^="footer-article--"]{width:100%;}
.footer-article__inner > [class^="footer-article--"]:not(:last-child){margin-bottom:1.5rem;}
.introduce-container .wrap-1200{grid-template-columns:1fr 1fr;align-items:center;gap:20px;}
.introduce-name{margin:0;padding:0;font-size:22px;}
.introduce-desc{max-width:unset;width:100%;padding:0px 0 15px 0;}
.introduce-container{padding:20px 10px;}
.navigation-pc{display:none;}
.navigation-slogan{text-align:center;font-size:16px;font-weight:600;line-height:24px;padding:8px 0;}
.header-slogan p{text-align:center;font-size:14px;font-weight:600;}
.header{padding:8px 0;}
.navigation-mobile{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;}
.post-index-grid{grid-template-columns:1fr 1fr;gap:10px;}
.post-index-item a{height:65px;font-size:16px;}
.post-index-grid > div:nth-child(1) h3 a{font-size:16px;}
.title-main-post-index span{font-size:22px;}
.title-main-post-index{padding:10px 0 15px 0;}
.post-index-bgk{padding:0 10px 25px 10px;}
.title-main span{font-size:22px;}
.title-main::before{height:2px;}
.title-main{padding-bottom:10px;margin-bottom:8px;}
.slogan-main{font-size:14px;margin-bottom:15px!important;}
.service-container{padding:20px 10px;}
.team-container{padding:20px 10px;}
.team-btn{margin-top:30px;}
.evalute-container{padding:20px 10px 30px 10px;}
.title-main-2 span{font-size:26px;}
.video-container{padding-top:0px;}
.title-main-2{margin-bottom:10px;}
.video-items a span{gap:20px;line-height:20px;}
.news-container{padding:30px 0 0 0;}
.footer-article{padding:30px 10px 0 10px;}
.footer-article-grid{margin-bottom:30px;grid-template-columns:1fr 1fr;gap:20px;}
.post-index-grid > div:nth-child(1) .scale-img{height:calc(100% - 70px);}
.post-index-grid > div:nth-child(1){height:100%;}
.post-index-grid > div:nth-child(1) .scale-img img{height:100%;object-fit:cover;}
.service-run .swiper,.team-run .swiper,.evalute-run .swiper,.news-run .swiper{margin:-5px;}
.service-items,.team-items,.evalute-items,.news-items{margin:5px;}
.news-video-container{padding:20px 10px 30px 10px;}
.evalute-items{padding:0 30px 30px 30px;}
.evalute-desc span{font-size:14px;line-height:25px;}
.evalute-info h3,.news-name a,.service-name a{font-size:15px;line-height:26px;min-height:52px;}
.news-desc span{font-size:13px;line-height:24px;}
.service-desc{padding:5px 0 10px 0;}
.service-info{padding:15px 10px;}
.main__title h1,.main__title h2,.main__title p{font-size:26px;}
.grid-team-detail{grid-template-columns:100%;}
.grid-team-detail > div:nth-child(1){max-width:285px;margin:0 auto;}
}
@media (max-width:769px){
.post-index-items h3 a{font-size:18px;}
.contact-template,.news-template,.static-template{padding:30px 10px;}
.main__title h1,.main__title h2,.main__title p{font-size:24px;}
.grid-service,.grid-team,.grid-news{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
.grid-video{display:grid;grid-template-columns:repeat(1,1fr);gap:10px;}
.grid-post-index,.grid-specialty{grid-template-columns:repeat(2,1fr);gap:10px;}
.gutter-x-20{--bs-gutter-x:10px;}
.grid-pro-detail{display:block;}
.grid-pro-detail .left-pro-detail{width:100%;padding:0px;border-right:none;}
.footer-powered:has(.footer-statistic) .footer-copyright,.footer-powered:has(.footer-statistic) .footer-statistic{text-align:center;}
.footer-powered:has(.footer-statistic) .footer-copyright{margin-bottom:0.25rem;}
.feedback__info:before{content:none;}
.introduce-container .wrap-1200{grid-template-columns:100%;align-items:center;gap:20px;}
.introduce-name{margin:0;padding:0;font-size:22px;}
.introduce-desc{max-width:unset;width:100%;padding:0px 0 15px 0;}
.introduce-container{padding:20px 10px;}
.navigation-pc{display:none;}
.navigation-slogan{text-align:center;font-size:16px;font-weight:600;line-height:24px;padding:8px 0;}
.header-slogan p{text-align:center;font-size:14px;font-weight:600;}
.header{padding:8px 0;}
.navigation-mobile{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;}
.post-index-grid{grid-template-columns:1fr 1fr;gap:10px;}
.post-index-item a{height:65px;font-size:14px;}
.post-index-grid > div:nth-child(1) h3 a{font-size:14px;}
.title-main-post-index span{font-size:22px;}
.title-main-post-index{padding:10px 0 15px 0;}
.post-index-bgk{padding:0 10px 25px 10px;}
.title-main span{font-size:22px;}
.title-main::before{height:2px;}
.title-main{padding-bottom:10px;margin-bottom:8px;}
.slogan-main{font-size:14px;margin-bottom:15px!important;}
.service-container{padding:20px 10px;}
.team-container{padding:20px 10px;}
.team-btn{margin-top:30px;}
.evalute-container{padding:20px 10px 30px 10px;}
.title-main-2 span{font-size:26px;}
.video-container{padding-top:0px;}
.title-main-2{margin-bottom:10px;}
.video-items a span{gap:20px;line-height:20px;}
.news-container{padding:30px 0 0 0;}
.footer-article{padding:30px 10px 0 10px;}
.footer-article-grid{margin-bottom:30px;grid-template-columns:1fr 1fr;gap:20px;}
.post-index-grid > div:nth-child(1) .scale-img{height:calc(100% - 70px);}
.post-index-grid > div:nth-child(1){height:100%;}
.post-index-grid > div:nth-child(1) .scale-img img{height:100%;object-fit:cover;}
.service-run .swiper,.team-run .swiper,.evalute-run .swiper,.news-run .swiper{margin:-5px;}
.service-items,.team-items,.evalute-items,.news-items{margin:5px;}
.news-video-container{padding:20px 10px 30px 10px;}
.evalute-items{padding:0 30px 30px 30px;}
.evalute-desc span{font-size:14px;line-height:25px;}
.evalute-info h3,.news-name a,.service-name a{font-size:15px;line-height:22px;min-height:44px;}
.news-desc span{font-size:13px;line-height:24px;}
.service-desc{padding:5px 0 10px 0;}
.service-info{padding:15px 10px;}
.introduce-container .wrap-1200 > div:nth-child(1){order:1;}
.introduce-desc span{line-height:30px;}
.introduce-btn a{height:38px;width:200px;}
.introduce-desc span{font-size:14px;line-height:25px;}
.post-index-btn a{min-width:auto;height:38px;font-size:13px;}
.title-main-2 a,.team-btn a{height:38px;width:200px;}
.service-btn a{height:32px;}
}
@media (max-width:576px){
.post-index-items h3{height:auto;padding:10px;}
.post-index-items h3 a{font-size:15px;-webkit-line-clamp:2;}
.main__title h1,.main__title h2,.main__title p{font-size:22px;}
.grid-album{--col:2;}
.introduce-container .wrap-1200{grid-template-columns:100%;align-items:center;gap:20px;}
.introduce-name{margin:0;padding:0;font-size:22px;}
.introduce-desc{max-width:unset;width:100%;padding:0px 0 15px 0;}
.introduce-container{padding:20px 10px;}
.navigation-pc{display:none;}
.navigation-slogan{text-align:center;font-size:16px;font-weight:600;line-height:24px;padding:8px 0;display:none;}
.header-slogan p{text-align:center;font-size:14px;font-weight:600;}
.header{padding:8px 0;}
.navigation-mobile{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;}
.post-index-grid{grid-template-columns:1fr;gap:10px;}
.post-index-item a{height:65px;font-size:14px;}
.post-index-grid > div:nth-child(1) h3 a{font-size:14px;}
.title-main-post-index span{font-size:22px;}
.title-main-post-index{padding:10px 0 15px 0;}
.post-index-bgk{padding:0 10px 25px 10px;}
.title-main span{font-size:22px;line-height:28px;display:block;}
.title-main::before{height:2px;}
.title-main{padding-bottom:10px;margin-bottom:8px;}
.slogan-main{font-size:13px;margin-bottom:15px!important;line-height:20px;}
.service-container{padding:20px 10px;}
.team-container{padding:20px 10px;}
.team-btn{margin-top:30px;}
.evalute-container{padding:20px 10px 30px 10px;}
.title-main-2 span{font-size:22px;}
.video-container{padding-top:0px;}
.title-main-2{margin-bottom:10px;}
.video-items a span{gap:20px;line-height:20px;}
.news-container{padding:30px 0 0 0;}
.footer-article{padding:20px 10px 0 10px;}
.footer-article-grid{margin-bottom:30px;grid-template-columns:1fr;gap:20px;}
.post-index-grid > div:nth-child(1) .scale-img{height:auto;}
.post-index-grid > div:nth-child(1){height:100%;}
.post-index-grid > div:nth-child(1) .scale-img img{height:100%;object-fit:cover;}
.service-run .swiper,.team-run .swiper,.evalute-run .swiper,.news-run .swiper{margin:-5px;}
.service-items,.team-items,.evalute-items,.news-items{margin:5px;}
.news-video-container{padding:20px 10px 30px 10px;}
.evalute-items{padding:0 30px 30px 30px;}
.evalute-desc span{font-size:14px;line-height:25px;}
.evalute-info h3,.news-name a,.service-name a{font-size:15px;line-height:22px;min-height:44px;}
.news-desc span{font-size:13px;line-height:22px;}
.service-desc{padding:5px 0 10px 0;}
.service-info{padding:15px 10px;}
.introduce-container .wrap-1200 > div:nth-child(1){order:1;}
.introduce-desc span{line-height:30px;}
.introduce-btn a{height:38px;width:200px;}
.introduce-desc span{font-size:14px;line-height:25px;}
.post-index-btn a{min-width:auto;height:38px;font-size:13px;margin:0 auto;padding:0 15px;}
.title-main-2 a,.team-btn a{padding:0 15px;height:36px;width:170px;}
.service-btn a{height:32px;}
.post-index-grid > div:nth-child(1) h3{height:50px;}
.post-index-btn{text-align:center;margin-top:10px;}
.service-desc span{line-height:22px;min-height:22px;}
.footer-name{font-size:22px;}
}