@media (max-width: 1600px) {
	.menu-header {
		gap: 35px;
	}
}

@media (max-width: 1400px) {
	.menu-header {
		gap: 30px;
	}
}

@media (max-width: 1366px) {
	.header {
		padding: 0 20px;
	}

	.logo-header img {
		height: 20px;
	}

	.slide-bg {
		height: 600px;
	}

}

@media (max-width: 1200px) {
	.container {
		width: 980px;
	}

	.menu-header a {
		font-size: 16px;
	}

	.menu-header {
		gap: 25px;
	}

	.mega-content {
		max-width: 1000px;
	}

	.mega-card {
		width: 240px;
	}

	.slide-bg {
		height: 500px;
	}

	.news-left,
	.news-list-left {
		width: 620px;
	}

	.news-right,
	.news-list-right {
		width: 350px;
	}

	.about-com-bg h2 {
		font-size: 20px;
	}

	.about-box {
		width: 400px;
	}

	.company-layout .map-area {
		margin-left: 20px;
	}

	.company-card {
		right: 20px;
	}
}

@media (max-width: 1080px) {
	.logo-header img {
		height: 16px;
	}

	.menu-header {
		gap: 20px;
	}

	.menu-header a {
		font-size: 14px;
		line-height: 16px;
	}

	.feature-top-box {
		padding: 30px 30px;
	}

	.feature-top-box h3 {
		font-size: 26px;
	}

	.his-sub {
		width: 800px
	}
}

/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991px) {
	.container {
		width: 760px;
	}

	.menu-header {
		display: none;
	}

	.manu-hamber {
		display: block;
	}

	.slide-bg {
		/* height: 400px; */
		height: auto;
	}

	.top-fea span {
		height: 42px;
		line-height: 42px;
	}

	.news-top-section {
		padding: 60px 0;
	}

	.title-grad h2 {
		font-size: 32px;
	}

	.fea-blk span {
		font-size: 14px;
		line-height: 1.3em;
		margin-top: 5px;
	}

	.fea-blk img {
		width: 70%;
	}

	.f-wr span {
		font-size: 18px;
	}

	.f-wr span.around {
		font-size: 34px;
	}

	.f-wr label {
		font-size: 48px;
	}

	.f-list {
		width: 100%;
	}

	.f-blk {
		width: 100%;
	}

	.about-list1 .item-3 {
		width: 100%;
		margin-bottom: 30px;
	}

	.about-list2 a {
		display: flex;
		flex-direction: column;
	}

	.a-blk2 span {
		text-align: center;
		margin: 15px 0;
		padding: 0 15px;
	}

	.page-wrap {
		padding: 60px 0;
	}

	.sus-list .item-3 {
		width: 50%;
	}

	.breadcrumb-bg .breadcrumb-tit h2 {
		font-size: 27px;
	}

	.title-2 {
		font-size: 22px;
	}

	.sus-desc .item-2 {
		width: 100%;
	}

	.img-deco .deco-blk1 {
		position: relative;
		bottom: auto;
		top: auto;
	}

	.img-deco .deco-blk2 {
		position: relative;
		bottom: auto;
		top: auto;
		right: auto;
	}

	.img-deco {
		display: flex;
		justify-content: center;
	}

	.sol-blk .sol-int span {
		font-size: 18px;
	}

	.sol-blk .sol-int label {
		font-size: 32px;
	}

	.sol-fea-right .item {
		padding: 10px;
	}

	.sol-fea-left {
		width: 35%;
	}

	.sol-fea-right {
		width: 60%;
	}

	.news-left,
	.news-list-left {
		width: 100%;
		padding: 0 15px;
	}

	.news-right,
	.news-list-right {
		width: 100%;
		margin-left: 0;
		padding: 0 15px;
	}

	.career-lightbox-inner {
		padding: 30px;
	}

	.seg-info-tb {
		width: 100%;
	}

	.ab-sub {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}

	.his-feature-blk h3 {
		font-size: 34px;
	}

	.his-sub {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}

	.me-list .item-3 {
		width: 50%;
	}

	.me-box-list {
		margin-left: -10px;
		margin-right: -10px;
	}

	.me-box-list .item-2 {
		width: 50%;
		padding-left: 10px;
		padding-right: 10px;
	}

	.ab-feature-list .item {
		width: 50%;
	}

	.about-com-bg {
		flex-direction: column;
	}

	.about-com-bg .img-about {
		width: 100%;
	}

	.about-com-bg h2 {
		width: 100%;
		text-align: center;
		margin: 20px 0 0 0;

	}

	.about-box {
		width: 80%;
		margin: 20px auto;
	}

	.about-box {
		height: auto;
	}

	.about-com-bg {
		background: #021f44;
	}

	.about-com-bg {
		min-height: 0;
	}

	.ac-list .item-3 {
		width: 50%;
	}

	.title-1 {
		font-size: 32px;
	}

	.ac-row .flex-right {
		justify-content: flex-start;
	}

	.hide-tb {
		display: none;
	}

	.show-tb {
		display: block !important;
	}

	.ac-list.show-tb {
		display: flex !important;
	}
}

/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767px) {

	body,
	p,
	input,
	button,
	select,
	textarea {
		font-size: 14px;
	}

	.container {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}

	.slide-bg>video,
	.slide-bg>img {
		object-fit: cover;
		width: 100%;
		/* min-height: 450px; */
		height: auto;
	}

	.news-left {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}

	.news-right {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
		margin-left: 0;
	}

	.news-top-section .flex-row {
		flex-wrap: wrap;
	}

	.news-top-section {
		padding: 50px 0;
	}

	.title-grad h2,
	.a-title h2,
	.title-1 {
		font-size: 26px;
	}

	.feature-top-box h3 {
		font-size: 24px;
	}

	.grad-btn {
		height: 32px;
		line-height: 32px;
		min-width: 120px;
	}

	.news-sm-blk {
		padding: 15px 0;
	}

	.feature-top-box .item-6 {
		width: 33.3333%;
	}

	.feature-top-box .flex-row {
		flex-wrap: wrap;
	}

	.feature-top-box .w-250 {
		width: 200px;
	}

	.f-wr span {
		font-size: 16px;
	}

	.f-wr span.around {
		font-size: 28px;
	}

	.f-wr label {
		font-size: 40px;
	}

	.f-tit {
		padding: 8px 0;
	}

	.a-sub {
		font-size: 16px;
	}

	.fea-blk img {
		width: 55%;
	}

	.f-head .grad-btn {
		display: none;
	}

	.page-wrap {
		padding: 50px 0;
	}

	.breadcrumb-bg {
		min-height: 100px;
		height: auto;
		padding: 15px 0;
	}

	.hide-sp {
		display: none;
	}

	.show-sp {
		display: inline-block;
	}

	.sol-fea-right .item {
		padding: 10px;
	}

	.sol-fea-left {
		width: 100%;
	}

	.sol-fea-right {
		width: 100%;
		margin: 30px 0 0 0;
	}

	.news-y {
		margin-bottom: 30px;
	}

	.career-lightbox-inner {
		padding: 20px;
	}

	.item-3 {
		width: 100%;
	}

	.career-lightbox-content h2 {
		font-size: 18px;
		margin-bottom: 15px;
	}

	.p-wrapper {
		margin-bottom: 30px;
	}

	.title-3 {
		font-size: 20px;
		margin-bottom: 5px;
	}

	.box-bg1 {
		padding: 20px;
	}

	.box-bg1 .item-2:first-child img {
		margin-bottom: 10px;
	}

	.flex-row.row-reverse {
		flex-direction: column-reverse;
	}

	.mess-ceo {
		margin-top: 30px;
		margin-bottom: 0;
		padding: 0 35px;
	}

	.mess-ceo:before {
		width: 22px;
		height: 18px;
	}

	.mess-ceo:after {
		width: 22px;
		height: 18px;
	}

	.ab-mission .item-2 {
		width: 100%;
	}

	.ab-mission .flex-center img {
		width: 70%;
	}

	.vision-blk h3 {
		font-size: 18px;
	}

	.vision-blk h3 span {
		font-size: 24px;
	}

	.vision-blk {
		padding: 20px;
		margin-top: 30px;
	}

	.ab-mission .title-grad {
		padding-bottom: 10px;
	}

	.his-feature-list .item {
		width: 100%;
	}

	.his-feature-blk h3 {
		font-size: 28px;
	}

	.his-box {
		line-height: 1.5em;
	}

	.me-box span {
		font-size: 13px;
		padding: 4px 8px;
		line-height: 1.3em;
	}

	.sub-box {
		margin: 10px 0;
	}

	.tabs-nav li a {
		font-size: 16px;
	}

	.tabs-nav li {
		border-top: solid 1px #fff;
		margin-top: 2px;
	}

	.big-number {
		font-size: 24px;
	}

	.about-box {
		width: 90%;
		margin: 20px auto;
	}

	.about-box .tabs-nav li a {
		font-size: 14px;
	}

	.about-com-bg h2 {
		font-size: 18px;
		padding: 0 20px;
	}

	.ac-desc {
		padding: 0 15px 15px 15px;
	}
}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) {
	.feature-top-box .item-6 {
		width: 50%;
	}

	.fea-blk img {
		width: 50%;
	}

	.footer-info .f-o {
		width: 100%;
		margin-top: 30px;
	}

	.footer-info .flex-row {
		flex-wrap: wrap;
	}

	.footer-info {
		padding: 0 0 30px 0;
	}

	.footer {
		padding-top: 30px;
	}

	.footer-info .f-o h3 {
		font-size: 16px;
	}

	.flex-row {
		margin-left: -10px;
		margin-right: -10px;
	}

	.item-2 {
		width: 50%;
		padding-left: 10px;
		padding-right: 10px;
	}

	.item-3 {
		padding-left: 10px;
		padding-right: 10px;
	}

	.breadcrumb-bg .breadcrumb-tit h2 {
		font-size: 22px;
	}

	.title-2 {
		font-size: 18px;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}

	.breadcrumb-bg .breadcrumb-tit h3 {
		font-size: 14px;
	}

	.sol-blk h3 {
		font-size: 14px;
	}

	.ab-feature-list .item {
		width: 100%;
	}

	.ac-list .item-3 {
		width: 100%;
	}

	.ac-blk .ac-tit {
		min-height: 0;
	}
}

@media (max-width: 480px) {}

@media (max-width: 320px) {}