@media screen and (max-width: 1024px) {
	.site-header__mobile-head .header-language {
		display: none !important;
	}

	.site-header .site-header__mobile-head {
		justify-content: flex-end;
	}

	.site-header__nav-item-inner {
		width: 100%;
		justify-content: space-between;
	}

	.site-header__nav .nav-link,
	.site-header__dropdown-link {
		color: rgba(255, 255, 255, 0.8) !important;
	}

	.site-header:not(.site-header--scrollable) {
		.site-header:not(.site-header--scrollable) {
			position: sticky;
			z-index: 10;
			padding: 4px 0;
			min-height: 72px;
			top: 0;
		}

		.site-header.site-header--scrollable:not(.site-header--surface) {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			width: 100%;
		}

		.site-header.site-header--scrollable.site-header--surface {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			width: 100%;
			z-index: 1030;
		}

		.site-header.site-header--scrollable:not(.site-header--surface) {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			width: 100%;
		}

		.site-header.site-header--scrollable.site-header--surface {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			width: 100%;
			z-index: 1030;
		}

		.site-header__tools {
			display: none;
		}

		.site-header.navbar {
			background: var(--tomoe-blue-title) !important;
		}

		.hero {
			min-height: 400px;
		}

		.about-hero {
			min-height: 300px;
		}

		.about-vision__photo-flip img {
			object-position: bottom;
		}

		.about-values__grid {
			flex-wrap: nowrap;
		}

		.about-journey__rail {
			display: none;
		}

		.news-detail__share {
			position: fixed;
			background: #fff;
		}
	}
}

@media screen and (max-width : 992px) {

	/* header-footer */
	/* header */
	.menu-header,
	.contact-header {
		display: none;
	}

	.header-inner {
		padding: 0 15px;
		width: 100%;
	}

	.header-inner .icon-menu {
		font-size: 30px;
	}

	/* footer */
	.footer-inner,
	.list-footer {
		flex-wrap: wrap;
	}

	.connect-footer {
		width: 100%;
	}

	.footer-logo {
		display: flex;
		justify-content: center;
	}
}

@media screen and (max-width: 600px) {
	.about-values__grid {
		flex-wrap: wrap;
	}

	.site-header:not(.site-header--scrollable) {
		.site-header:not(.site-header--scrollable) {
			position: unset;
			background: var(--tomoe-blue-title) !important;
			min-height: 72px;
		}

		.site-header.site-header--scrollable:not(.site-header--surface) {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			width: 100%;
			background: transparent !important;
		}

		.site-header.site-header--scrollable.site-header--surface {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			width: 100%;
			z-index: 1030;
			background: #fff !important;
		}

		.site-header.site-header--scrollable:not(.site-header--surface) {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			width: 100%;
			background: transparent !important;
		}

		.site-header.site-header--scrollable.site-header--surface {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			width: 100%;
			z-index: 1030;
			background: #fff !important;
		}
	}

	.hero {
		min-height: 400px;
	}

	.hero__content {
		padding: 100px 0 80px;
		gap: 0;
	}

	.section-about,
	.section-services,
	.section-projects,
	.about-intro,
	.about-journey,
	.section-news {
		padding: 30px 0;
	}

	.section-about__title {
		font-size: 25px;
		margin: 0 0 10px;
	}

	.section-about__text,
	.section-services__lead {
		font-size: 14px;
		line-height: 24px;
	}

	.stats-row {
		flex-wrap: wrap;
		margin-top: 30px;
		gap: 0;
	}

	.stat-cell {
		width: 50%;
		flex: unset;
		margin-bottom: 20px;
	}

	.section-products__title,
	.section-services__title,
	.section-projects__title,
	.section-news__title {
		font-size: 25px;
	}

	.product-card__title {
		font-size: 18px;
		padding: 5px;
	}

	.service-row__body h3 {
		font-size: 20px;
	}

	.service-row__body p {
		font-size: 14px;
	}

	.project-card-des h3,
	.news-card__title {
		height: auto;
	}

	.project-card h3 {
		font-size: 14px;
		line-height: 20px;
	}

	.news-card__body {
		gap: 4px;
	}

	.site-footer__inner::before {
		content: "";
		position: absolute;
		right: 0;
		bottom: 0;
	}

	.news-archive__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.project-card__media {
		height: 200px;
	}

	.project-card__loc i {
		display: none;
	}

	.news-card__img {
		height: 111px;
	}

	.news-card__title {
		font-size: 14px;
		line-height: 20px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		-webkit-line-clamp: 3;
	}


	.news-card__more {
		font-size: 12px;
	}

	.project-card__badge {
		font-size: 11px;
		height: 26px;
	}

	.section-projects__stat-num {
		font-size: 30px;
	}

	.site-footer__copy {
		font-size: 12px;
	}

	.site-header__menu-panel .header-language,
	.site-header__nav-item--tools {
		display: none !important;

	}

	.site-header .site-header__mobile-head {
		justify-content: flex-end;
	}

	.site-header__nav-item-inner {
		width: 100%;
		justify-content: space-between;
	}

	.site-header__nav .nav-link,
	.site-header.site-header--surface .site-header__dropdown-link {
		color: rgba(255, 255, 255, 0.8) !important;
	}

	.site-header__logo {
		height: 60px;
	}

	.about-facility-card__caption {
		font-size: 14px;
	}

	.about-vision__icon-img {
		width: 50px;
		height: 50px;
	}

	.about-vision__heading {
		font-size: 24px;
	}

	.about-vision__text {
		font-size: 14px;
	}

	.about-values__title {
		font-size: 25px;
	}

	.about-values__num {
		font-size: 100px;
	}

	.about-values__head {
		min-height: 123px;
	}

	.about-journey__nav-custom,
	.about-journey__rail {
		display: none;
	}

	.products-list-card__title {
		font-size: 14px;
	}

	.product-detail-bar__grid {
		gap: 25px;
	}

	.product-detail-aside__btn {
		height: 44px;
		font-size: 14px;
		margin-top: 20px;
	}

	.product-detail-aside__lead {
		font-size: 14px;
	}

	.product-detail-aside__title {
		margin: 0;
		font-size: 18px;
	}

	.projects-archive__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.project-card__loc {
		font-size: 12px;
	}

	.news-detail__meta {
		align-items: flex-start;
		flex-direction: column;
	}

	.news-detail-breadcrumb {
		display: none;
	}

	.contact-page__info {
		width: 100%;
		gap: 20px;
	}

	.contact-page__company {
		font-size: 18px;
	}

	.section-projects__stat {
		display: none;
	}

	.section-projects__head {
		margin-bottom: 0;
	}

	.news-detail-related__stage {
		padding: 0;
	}

	.products-list-subnav__link {
		font-size: 12px;
	}

	.product-detail-desc__head {
		font-size: 16px;
	}

	.product-detail-desc {
		padding: 16px;
	}

	.hero__lead {
		font-size: 14px;
		padding: 10px;
	}

	.hero__title {
		font-size: 30px;
	}

	.product-detail-gallery {
		width: 100%;
	}

	.product-detail-related__name {
		font-size: 14px;
	}

	.product-detail-related__title {
		font-size: 20px;
	}

	.product-list-card__content {
		padding: 6px;
	}

	.product-card__media {
		height: 200px;
	}

	.tomoe-group-branches__marker-callout-card {
		width: 126px;
	}

	.tomoe-group-branches__marker {
		width: 29px;
	}

	.tomoe-group-branches__marker-pin {
		width: 30px;
	}

	.tomoe-group-branches__marker-callout {
		bottom: 30px;
	}

	.about-journey__rail,
	.about-journey__nav-custom {
		display: none;
	}

	.about-journey__title {
		font-size: 25px;
	}

	.about-journey {
		padding: 30px 0;
	}

	.section-services {
		padding-bottom: 0;
	}

	.tomoe-group-branches__marker--8 {
		--map-x: 78.42%;
		--map-y: 45.64%;
	}

	.tomoe-group-branches__map-img {
		display: block;
		width: 80%;
		margin: 0 auto;
	}

	.tomoe-group-branches__marker-pin,
	.tomoe-group-branches__marker {
		width: 20px;
	}

	.tomoe-group-branches__marker--9 {
		--map-x: 58.42%;
		--map-y: 59.64%;
	}

	.tomoe-group-branches__marker--7 {
		--map-x: 70.37%;
		--map-y: 66.3%;
	}

	.tomoe-group-branches__marker--5 {
		--map-x: 65.2%;
		--map-y: 84.11%;
	}

	/* .tomoe-group-branches__marker--8 .tomoe-group-branches__marker-callout {
		left: -44px;
	}

	.tomoe-group-branches__marker--8 .tomoe-group-branches__marker-callout-connector {
		display: none;
	} */

	.tomoe-group-branches__map {
		overflow: hidden;
	}

	.section-products {
		padding: 30px 0;
	}

	.tomoe-group-branches__marker-callout-title,
	.tomoe-group-branches__marker-callout-cta {
		font-size: 10px;
	}

	.tomoe-group-branches__marker-callout-connector {
		flex-shrink: 0;
		width: 11px;
	}

	.tomoe-group-branches__marker-callout-card {
		width: 79px;
	}

	.product-card-icon span,
	.product-card-icon button {
		display: none;
	}

	.products-list-card__badge {
		width: 38px;
	}
}