@media (max-width: 1399px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 100%!important;
}
.hero-content h3 {
font-size: 2rem;
}
.banner0-css {
width: 300px;
}
}
@media (max-width: 1295px) { 
.get-in-touch-btn {
padding: 3px 6px;
font-size: 14px;
}
.nav-link {
margin: 0 10px;
}
}
@media (max-width:1199px) {
.nav-link{margin: 0 5px;}
.hero-content h3 {
font-size: 1.5rem;
}
.banner0-css {
width: 200px;
}
}
@media (min-width: 992px) {
.lang-switcher:hover .lang-dropdown-menu {
display: block;
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
}
}
@media (max-width: 992px) {
.navbar-nav .nav-item {
margin: 10px 0;
}
.hero-slide.hero-slide-1 .slide-bg {
width: 100%;
}
.lang-switcher {
margin-left: 0;
margin-top: 10px;
}
.navbar-collapse.collapse.show .lang-switcher {
margin: 10px 0;
}
.navbar-collapse.collapse.show .lang-switcher .dropdown-toggle {
display: inline-flex;
} .lang-dropdown-menu {
position: absolute;
top: 100%;
left: 0;
right: auto;
background: #fff;
}
.about-content {
flex-direction: column;
}
.about-desc,
.about-image {
margin-top: 0;
margin-bottom: 0;
}
.news-section,
.about-section,
.products-section,
.features-section {
padding: 50px 0;
}
.footer-logo img {
height: 35px;
margin-bottom: 10px;
}
@keyframes bg-move {
0% {
opacity: 0;
transform: scale(0.1); }
50% {
opacity: 1;
transform: scale(1); }
55% {
opacity: 1;
transform: scale(1); }
100% {
opacity: 1;
transform: scale(0.9); }
}
.overview-grid { flex-direction: column; gap: 40px; }
.mv-cards { grid-template-columns: 1fr; }
.values-grid { grid-template-columns: repeat(2, 1fr); }
.global-stats { grid-template-columns: repeat(2, 1fr); }
.team-grid { grid-template-columns: 1fr; max-width: 420px; margin-left: auto; margin-right: auto; }
.timeline-track { padding: 0 20px; }
.timeline-line { left: 20px; }
.timeline-item,
.timeline-item:nth-child(even) { flex-direction: row; padding-left: 50px; }
.timeline-item .ti-content { width: 100%; }
.timeline-item .ti-dot { left: 20px; top: 8px; }
.overview-image .float-card {
position: relative; bottom: auto; right: auto;
margin-top: 16px; display: inline-flex;
}
}
@media (max-width: 768px) {
.map-radial{margin-bottom:0}
.hth_ht .g_newvid{height:auto}
.intro-bg{width: 100%;}
.navbar-brand img {
height: 35px;
}
.skip-video-hint {
bottom: 16px;
right: 16px;
font-size: 12px;
padding: 5px 14px;
}
.feature-card {
margin-bottom: 20px;
}
.hero-title,
.section-title,
.about-title,
.why-choose-title {
font-size: 1.3rem;
}
.hero-swiper .swiper-button-next,
.hero-swiper .swiper-button-prev {
width: 36px;
height: 36px;
}
.hero-swiper .swiper-button-next:after,
.hero-swiper .swiper-button-prev:after {
font-size: 16px;
}
.hero-swiper .swiper-pagination-bullet {
width: 8px;
height: 8px;
}
.hero-swiper .swiper-pagination-bullet-active {
width: 10px;
height: 10px;
}
.hero-content.hero-content-left p,
.hero-content.hero-content-left h3 {
max-width: 100%;
}
.about-content {
flex-direction: column;
text-align: center;
}
.about-content .about-desc {
text-align: justify;
}
.hero-content h3 {
font-size: 1.3rem;
}
.stat-number {
font-size: 2rem;
}
.hse .box .i2,
.hse .box .i1 {
display: none;
}
.hsi .box .hsi_con .item .g_tit h3 {
font-size: 22px;padding:0;
}
.hsi .box .hsi_con .item .hsi_nr .g_it svg {
margin-right: 10px;
font-size: 15px;
}
.hfi .container .hfi_box .hfi_r .item .item_b p {
font-size: 14px;
}
.news-section, .about-section, .products-section, .features-section {
padding: 40px 0;
}
.products-section {
padding: 40px 0;
margin-bottom: 40px;
}
.hse {
padding: 0 0 40px;
}
.banner-next-part .row .col:nth-child(2){
border-left: 0;
border-right: 0;
} .about-hero { min-height: 380px; }
.values-grid { grid-template-columns: 1fr; }
.global-stats { grid-template-columns: 1fr; }
.overview-highlights { flex-direction: column; gap: 16px; }
.form-section {
padding: 40px 0;
} .hero-slide.hero-slide-1 .slide-bg {
width: 50%;
}
.banner0-css {
width: 150px;
max-width: 100%;
margin-bottom:10px;
margin-top: 30px;
}
.hero-swiper {
height:46vh;
min-height: 300px;
}
.hero-content h3 {
font-size: 18px;
margin-bottom: 10px;
}
.hero-content p {
font-size: 16px;
margin-bottom: 10px;
}
.hero-slide .slide-bg {
background-size: contain;
background-repeat: no-repeat;
background-color:var(--primary-color);
}
.learn-more-btn {
padding: 6px 20px;
font-size: 1rem;
}
.hth_ht {
margin-top: 40px;
}
.qua{margin: 0;}
}
@media (prefers-reduced-motion: reduce) {
.scroll-reveal, .scroll-reveal-left, .scroll-reveal-right,
.stagger-children > * {
animation-duration: 0.01ms !important;
transition-duration: 0.01ms !important;
}
} @media (max-width: 992px) {
.hero-content {
max-width: 100%; }
.banner-globel{
text-align: center;
align-items: center;
}
.hero-slide.hero-slide-1 .slide-bg {
width: 100%;
}
}
@media (max-width: 768px) {
.hero-swiper {
height: 100%;
min-height: auto;
background-color: #106EB8;
}
.banenr-text-left{
position: absolute;
}
.hero-content {
padding-left: 20px;
}
.hero-slide.hero-slide-1 .slide-bg img {
max-width: 90%;
margin: auto;
}
}