@media only screen and (min-width: 320px) {
    /* ------------------------ */
    /* -------- Global -------- */
    /* ------------------------ */

	.page-title {
		font-size: 2.2rem;
		line-height: 2.8rem;
	}
	.page-title sub {
		font-size: 1rem;
		line-height: 1.4rem;
		margin-bottom: 5px;
	}
	.page-title.column sub {
		margin-bottom: 10px;
	}

	.title-section {
		font-size: 1.765rem;
		line-height: 2.1rem;
	}

	.intro-section {
		font-size: 1rem;
		line-height: 1.4rem;
	}

	.sidebar-header {
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.title-wrap {
		font-size: 2.2rem;
		line-height: 2.8rem;
	}

	.mobile {
		display: block;
	}
	.desktop {
		display: none;
	}

	.read-more {
		font-size: 0.75rem;
	}

	.arrow-oblique {
		width: 65px;
		height: 65px;
	}

	.btn-plus {
		position: absolute;
		width: 26px;
		height: 26px;
		cursor: pointer;
		border-radius: 50%;
		visibility: hidden;
		opacity: 0;

		/* Mittig */
		top: 50%;
		left: 50%;
		transform: translate(-13px, -13px);
		transition: opacity 0.5s;
	}
	.btn-plus:after {
		content: '';
		position: absolute;
		transform: translate(-50%, -50%);
		height: 1px;
		width: 25%;
		top: 50%;
		left: 50%;
	}
	.btn-plus:before {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		height: 25%;
		width: 1px;
	}

	.btn-show {
		font-size: 0.55rem;
	}
	.expand-icon {
		display: block;
		height: 12px;
		width: 12px;
		margin-left: 6px;
	}
	.expand-icon::before,
	.expand-icon::after {
		content: "";
		width: 12px;
		height: 2px;
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		transition: all 0.15s cubic-bezier(.42, 0, .58, 1);
		opacity: 1;
		border-radius: 2px;
	}

	a.filter:not(.viewmore) {
		font-size: 0.78rem;
	}

	hr {
		margin: 30px 0;
	}

    /* ------------------------ */
    /* -------- Header -------- */
    /* ------------------------ */
    .header-desktop {
        display: none;
    }
    .header-mobile {
        display: block;
    }

	.wrap-search {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}


    /* ------------------------ */
    /* -------- Banner -------- */
    /* ------------------------ */
    .hero-banner__img.desktop_size,
	.hero-banner__img .desktop_size
    .hero-banner__video.desktop_size,
	.bg-layer.desktop_size,
	.bg.desktop_size {
        display: none;
    }
    .hero-banner__img.mobile_size,
	.hero-banner__img .mobile_size,
    .hero-banner__video.mobile_size,
	.bg-layer.mobile_size,
	.bg.mobile_size{
        display: block;
    }


    .hero-banner__img::after,
    .hero-banner__video::after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        padding-bottom: 157.25%;
    }


    .wrap-slide-obj::after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        padding-bottom: 157.25%;
    }

    .wrap-slide-obj .line-layer {
        position: absolute;
        width: 100%;
        top: 65%;
        left: 0;
        z-index: 2;
        opacity: 0;
    }
    .wrap-slide-obj .line-layer.ll1 {
        top: 65%;
    }
    .wrap-slide-obj .line-layer.ll2 {
        top: 45%;
    }
    .wrap-slide-obj .line-layer.ll3 {
        top: 65%;
    }
    .wrap-slide-obj .line-layer.ll4 {
        top: 52%;
    }
    .wrap-slide-obj .line-layer.ll5 {
        top: 52%;
    }
    .path.st1,
    .path.st2,
    .path.st3,
    .path.st4,
    .path.st5 {
        stroke-width: 40;
    }

    .wrap-slide-obj .people-layer {
        position: absolute;
        bottom: 0;
        left: 5%;
        z-index: 3;
        width: 30%;

        transform: translateX(1em);
        transition: transform 4s ease;
    }
    .wrap-slide-obj .people-layer.pl1 {
        left: -17%;
        width: 62%;
    }
    .wrap-slide-obj .people-layer.pl2 {
        bottom: -8px;
        left: 25%;
        width: 93%;
    }
    .wrap-slide-obj .people-layer.pl3 {
        left: -4%;
        width: 100%;
    }
    .wrap-slide-obj .people-layer.pl4 {
        left: 27%;
        bottom: 43px;
        width: 100%;
    }
    .wrap-slide-obj .people-layer.pl5 {
        left: 0%;
        width: 100%;
        bottom: -1px;
    }
	.wrap-slide-obj .people-layer.pl1ex {
		right: 7%;
		width: 100%;
	}
	.wrap-slide-obj .people-layer.pl2ex {
		left: -16%;
		width: 100%;
	}
	.wrap-slide-obj .people-layer.pl3ex {
		left: -38%;
        width: 248%;
        bottom: -3.5%;
        max-width: 140%;
	}

	.wrap-slide-obj .txt-layer {
		position: absolute;
		z-index: 4;
		width: 95%;
		transform: translateY(1em);
		transition: transform 4s ease;
	}
	.wrap-slide-obj .txt-layer.desktop__top-right {
		top: unset !important;
		right: unset !important;
	}
	.wrap-slide-obj .txt-layer.desktop__bottom-right {
		bottom: unset !important;
		right: unset !important;
	}
	.wrap-slide-obj .txt-layer.desktop__top-left {
		top: unset !important;
		left: unset !important;
	}
	.wrap-slide-obj .txt-layer.desktop__bottom-left {
		top: unset !important;
		left: unset !important;
	}
	.wrap-slide-obj .txt-layer.desktop__center {
		top: unset !important;
		left: unset !important;
		transform: unset !important;
	}

	.wrap-slide-obj .txt-layer.mobile__center-bottom {
		bottom: 2% !important;
		left: 15% !important;
		right: unset !important;
		top: unset !important;

		-webkit-transform: translate(0px, 0);
		-webkit-transition: -webkit-transform 1.5s ease;
		-moz-transform: translate(0px, 0);
		-moz-transition: -moz-transform 1.5s ease;
		transform: translate(0px, 0);
		transition: -webkit-transform 1.5s ease;
	}
	.wrap-slide-obj .txt-layer.mobile__center-top {
		top: 2% !important;
		left: 15% !important;
		right: unset !important;
		bottom: unset !important;

		-webkit-transform: translate(0px, 0);
		-webkit-transition: -webkit-transform 1.5s ease;
		-moz-transform: translate(0px, 0);
		-moz-transition: -moz-transform 1.5s ease;
		transform: translate(0px, 0);
		transition: -webkit-transform 1.5s ease;
	}
	.wrap-slide-obj .txt-layer.mobile__left-top {
		top: 2% !important;
		left: 5% !important;
		right: unset !important;
		bottom: unset !important;

		-webkit-transform: translate(0px, 0);
		-webkit-transition: -webkit-transform 1.5s ease;
		-moz-transform: translate(0px, 0);
		-moz-transition: -moz-transform 1.5s ease;
		transform: translate(0px, 0);
		transition: -webkit-transform 1.5s ease;
	}


	.swiper-slide.swiper-slide-active .wrap-slide-obj .txt-layer.desktop__top-right,
	.swiper-slide.swiper-slide-active .wrap-slide-obj .txt-layer.desktop__top-left {
		transform: translateY(1.4em);
	}
	.swiper-slide.swiper-slide-active .wrap-slide-obj .txt-layer.desktop__bottom-right,
	.swiper-slide.swiper-slide-active .wrap-slide-obj .txt-layer.desktop__bottom-left {
		transform: translateY(1.4em);
	}
	.swiper-slide.swiper-slide-active .wrap-slide-obj .txt-layer.desktop__center {
		transform: translate(0, 1.4em);
	}

	.swiper-slide.swiper-slide-active .wrap-slide-obj .txt-layer.mobile__center-bottom {
		transform: translateY(-1.1em) !important;
	}
	.swiper-slide.swiper-slide-active .wrap-slide-obj .txt-layer.mobile__center-top {
		transform: translateY(1.1em) !important;
	}

	.wrap-slide-obj .txt-layer .title-banner {
		font-size: 1.43rem;
		line-height: 2.1rem;
	}
	.wrap-slide-obj .txt-layer .title-banner br {
		display: block;
	}
	.wrap-slide-obj .txt-layer .sub-title-banner{
		font-size: 0.9rem;
	}
	.wrap-slide-obj .txt-layer .sub-title-banner br {
		display: block;
	}

	/* ------------------------ */
	/* ----- IT Experience ---- */
	/* ------------------------ */

	.wrap-tagline {
		width: 90%;
		margin: 0 auto;
		padding: 50px 0;
	}
	.tagline {
		position: relative;
		margin-bottom: 30px;
	}
	.tagline h1 br {
		display: block;
	}
	.tagline h1 {
		position: relative;
		z-index: 1;
	}
	.home-elem-1 {
		width: 20%;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 0;
	}

	.wrap-tagline .col-primary {
		width: 100%;
	}
	.wrap-tagline .col-primary p {
		margin-bottom: 20px;
	}

	.exp-h1 {
		font-size: 2.6rem;
		line-height: 3rem;
	}
	.exp-left-desc {
		width: 90%;
		font-size: 1.275rem;
		line-height: 1.4rem;
	}
	.exp-right-desc {
		font-size: 1.4rem;
		line-height: 2rem;
		padding-right: 50px;
	}

	.wrap-workspace-companies {
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	.wrap-space {
		width: 100%;
		overflow: hidden;
		position: relative;
	}

	.col-workspace,
	.col-companies {
		width: 100%;
		overflow: hidden;
		position: relative;
	}

	.col-workspace::after,
	.col-companies::after {
		content: "";
		width: 100%;
		height: 100%;
		display: block;
		padding-bottom: 100%;
	}

	.wrap-text-counter {
		position: absolute;
		width: 72%;
	}
	.wrap-text-counter .bubble1 {
		content: "";
		display: block;
		background-color: var(--green);
		width: 150px;
		height: 165px;
		position: absolute;
		top: -30px;
		right: -60px;
		border-radius: 50%;
		z-index: 1;
	}
	.wrap-text-counter .bubble2 {
		content: "";
		display: block;
		background-color: var(--green);
		width: 70px;
		height: 76px;
		position: absolute;
		bottom: 0px;
		left: -43px;
		border-radius: 50%;
		z-index: 1;
	}

	.col-companies p,
	.col-workspace p {
		position: relative;
		z-index: 2;
		font-size: 1.4rem;
		line-height: 2rem;
		letter-spacing: -2px;
		text-transform: uppercase;
	}
	.col-companies p.highlight,
	.col-workspace p.highlight {
		font-size: 2.2rem;
		line-height: 2.8rem;
	}
	.col-companies .wrp-counter,
	.col-workspace .wrp-counter {
		font-size: 7rem;
		line-height: 6rem;
		letter-spacing: -8px;
		display: flex;
		justify-content: flex-start;
	}

	.col-companies .bg-companies::after {
		content: "";
		width: 100%;
		height: 100%;
		display: block;
		padding-bottom: 100%;
	}
	.col-companies .bg-companies img {
		width: 100%;
		height: 120%;
		object-fit: cover;
	}


	.space-desc {
		width: 100%;
		padding: 30px 20px;
	}
	.space-desc h2 {
		margin-bottom: 20px;
	}
	.space-desc__detail p {
		margin-bottom: 20px;
	}

	#event-banner {
		width: 100%;
		height: 40vh;
		overflow: hidden;
	}
	#event-banner .banner {
		background-color: var(--submenu-bg);
	}


	/* ------------------------ */
	/* ----- BS : Startup ----- */
	/* ------------------------ */
	/* #bs-banner::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		padding-bottom: 157.25%;
	} */
	.headline-banner {
		width: 90%;
		position: absolute;
		left: 20px;
		bottom: 20px;
	}
	.headline-banner h1 {
		margin-bottom: 10px;
		font-size: 2.2rem;
		line-height: 2.3rem;
	}
	.sub-headline {
		font-size: 1.4rem;
		line-height: 1.6rem;
	}

	.sf-intro__wrp {
		width: 100%;
		text-align: center;
		padding: 50px 0;
	}

	#about-intro .sf-intro__wrp {
		width: 100%;
	}
	#about-intro .sf-intro__wrp p.sf-intro__subtitle {
		width: 100%;
	}

	.sf-intro__wrp.first {
		position: relative;
		padding-top: 70px;
	}
	.sf-intro__wrp.second {
		position: relative;
		padding-top: 40px;
	}
	#about-intro .sf-intro__wrp h1,
	#about-intro .sf-intro__wrp h2 {
		position: relative;
		z-index: 2;
	}
	#about-intro .sf-intro__wrp p {
		position: relative;
		z-index: 2;
	}
	.about-elem-intro-1 {
		width: 60%;
		position: absolute;
		top: 2%;
		left: 50%;
        transform: translateX(-50%);
		z-index: 1;
	}
	.about-elem-intro-2 {
		width: 57%;
		position: absolute;
		top: -7%;
		left: 50%;
        transform: translateX(-50%);
		z-index: 1;
	}

	.sf-title__wrp {
		width: 100%;
		margin-top: 50px;
		position: relative;
	}
	.sf-intro__subtitle {
		width: 95%;
		margin: 0 auto;
		padding-top: 20px;
	}
	.sf-title__elem_left {
        position: absolute;
        top: 6px;
        left: 0;
        width: 15%;
    }
	.sf-title__elem_right {
        position: absolute;
        top: 6px;
        right: 0;
        width: 15%;
    }

	.display-sf {
		margin-top: 20px;
	}

	.sf-grid__wrp {
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		column-gap: 6px;
		row-gap: 6px;
	}
	.sf-grid {
		cursor: pointer;
		position: relative;
		height: 60px;
	}
	.sf-grid.sf1 {
		width: 20%;
	}
	.sf-grid.sf2 {
		width: 31.5%;
	}
	.sf-grid.sf3 {
		width: 21.5%;
	}
	.sf-grid.sf4 {
		width: 21.5%;
	}

	.sf-grid.sf5 {
		width: 34%;
		height: 80px;
	}
	.sf-grid.sf6 {
		width: 39%;
		height: 80px;
	}
	.sf-grid.sf7 {
		width: 23%;
		height: 80px;
	}



	#bs-oureco {
		width: 100%;
		padding: 60px 0;
	}

	.bs-oureco-wrp {
		width: 100%;
		display: flex;
		flex-direction: column;
		text-align: center;
	}
	.bs-oureco-wrp h2 {
		font-size: 2.2rem;
		line-height: 2.4rem;
		margin-bottom: 25px;
	}

	.wrap-ecosystem {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		margin-top: 25px;
	}

	.item-ecosystem {
		position: relative;
		padding: 25px 0 10px 0;
		border-top: unset;
		border-right: unset;
	}
	.item-ecosystem::before {
		position: absolute;
		z-index: 2;
		top: -15px;
		right: -15px;
		content: "";
		width: 30px;
		height: 30px;
		display: none;
		border-radius: 50%;
		background-color: var(--white);
	}
	.item-ecosystem:last-child {
		border-right: unset;
	}

	.wrp-counter {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
	}
	.counter-desc {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.counter-desc .num-count {
		display: flex;
		flex-direction: row;
		align-items: center;
		margin-bottom: 10px;
	}
	.counter-desc .num-count span {
		/* font-size: 3.8rem;
		line-height: 4.5rem; */
		font-size: 2.2rem;
		line-height: 2.8rem;
	}
	.counter-desc .txt-count {
		font-size: 1rem;
		letter-spacing: 0.32px;
	}

	.wrap-row {
		display: flex;
		flex-direction: column;
	}
	.col-sidebar {
		width: 100%;
	}
	.col-sidebar p {
		padding-right: 0;
		padding-bottom: 20px;
	}
	.col-primary {
		width: 100%;
	}

	.sidebar-elem-1 {
		position: absolute;
        width: 40%;
        top: -10px;
        left: 55px;
        display: block;
	}
	.sidebar-elem-2 {
		position: absolute;
        width: 24%;
        top: 0;
        left: 270px;
        display: block;
	}
	.sidebar-elem-3 {
		position: absolute;
        width: 35%;
        top: 35px;
        left: 70px;
        display: block;
        z-index: 1;
	}

	.wrap-row.spc {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}
	.wrap-row.spc .col-sidebar {
		width: 100%;
	}
	.wrap-row.spc .col-primary {
		width: 100%;
	}
	.wrap-row.spc .col-primary .box-conten-slide {
		width: 100%;
	}

	.wrap-startup-connect h2 {
		font-size: 1.6rem;
		line-height: 2rem;
	}

	.grid-startup {
		margin: 50px 0 0 0;
	}
	.item-grid-startup {
		width: 100%;
		border-radius: 25px;
		margin-bottom: 10px;
	}

	.startup-connect-list li a {
		font-size: 1.4rem;
		line-height: 2.6rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.startup-connect-list {
		margin-bottom: 80px;
	}

	.wrap-startup-connect {
		margin-top: 50px;
	}


	.bs-list-swiper {
		margin: 50px 0;
	}
	.bs-item-box {
		width: 100%;
	}
	.bs-item h4 {
		font-size: 1.6rem;
		line-height: 1.9rem;
	}
	.bs-item-desc p {
		/* font-size: 1.4rem;
		line-height: 1.6rem; */
	}
	.swiper-pagination-bs {
		width: 100%;
		text-align: center;
		margin-top: 25px;
	}
	.swiper-pagination-bs .swiper-pagination-bullet {
		width: 12px;
		height: 12px;
	}
	.swiper-pagination-bs .swiper-pagination-bullet.swiper-pagination-bullet-active {
		background-color: var(--green);
	}

	/* ------------------------ */
	/* - BS : Startup Booster - */
	/* ------------------------ */

	.fix-banner {
		width: 100%;
		position: relative;
	}
	.fix-banner::after {
		content: "";
		width: 100%;
		height: 100%;
		/* padding-bottom: calc(100vh - 25%); */
		padding-bottom:150%;
	}
	.fix-banner::before,
	.fix-banner::before {
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 2;
		/* background-color: rgba(0, 0, 0, .3); */
	}
	.fix-banner.only-img::before {
		content: unset;
	}
	.fix-banner img.bg {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		object-position: center;
		z-index: 1;
	}

	.fix-banner .txt-layer {
		color: var(--white);
		position: absolute;
		z-index: 4;
		width: auto;
		min-width: 300px;
	}
	.fix-banner .txt-layer.spc {
		text-align: center;
	}
	.fix-banner .txt-layer.top-right {
		top: 20%;
		bottom: unset;
		right: unset;
		left: 5%;
	}
	.fix-banner .txt-layer.bottom-right {
		top: unset;
		bottom: 15%;
		right: unset;
		left: 5%;
		padding-right: 5%;
	}
	.fix-banner .txt-layer.top-left {
		top: 20%;
		bottom: unset;
		right: unset;
		left: 5%;
	}
	.fix-banner .txt-layer.bottom-left {
		top: unset;
		bottom: 15%;
		right: unset;
		left: 5%;
	}
	.fix-banner .txt-layer.center {
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.fix-banner .txt-layer h1 {
		font-size: 2.25rem;
		line-height: 3rem;

		text-transform: uppercase;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.fix-banner .txt-layer .sub-title-banner {
		font-family: 'better_togetherbold';
		/* border-top: 1px solid rgba(255,255,255,0.8); */
		padding-top: 10px;
		width: 100%;
		letter-spacing: 0.5px;
	}
	.fix-banner .txt-layer.spc .sub-title-banner {
		font-family: 'better_togetherbold';
		border-top: unset;
		padding-top: 10px;
		width: 100%;
		letter-spacing: 0.5px;
		text-align: center;
	}
	.elem-banner {
        display: none;
	}

	.fix-elem-banner {
		position: absolute;
		top: 5%;
		left: 10%;
		z-index: 4;
		width: auto;
	}
	.fix-elem-banner p {
		color: var(--white);
		font-family: 'objektiv_mk1xbold', 'better_togetherbold', sans-serif;
	}
	.fix-elem-banner .elem-banner {
		/* width: 65%;
        height: auto;
        display: block;
        top: unset;
        bottom: -90px; */
		width: 28%;
        height: auto;
        display: block;
        top: unset;
        bottom: -40px;
	}


	.row-header {
		padding: 50px 0 25px 0;
	}
	.sub-breadcrumb {
		font-size: 0.85rem;
		line-height: 1rem;
		margin-top: 10px;
	}
	.sub-breadcrumb span {
		margin-right: 10px;
	}

	.banner-16-9::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		padding-bottom: 150%; /* 2:3 */
	}

	.banner-desc {
		margin: 50px 0 25px 0;
	}
	.banner-desc h2 br,
	.banner-desc h2 p {
		display: none;
	}
	.banner-desc .banner-desc__space {
		width: 100%;
		margin-top: 25px;
		margin-bottom: 50px;
	}
	.banner-desc .banner-desc__space p {
		font-size: 0.875rem;
		line-height: 1.2rem;
		text-transform: none;
	}

	.wrap-program {
		width: 100%;
		display: flex;
		flex-direction: column;
		padding: 25px 0;
	}
	/* .wrap-program.fst-year-detail {
		padding: 50px 0 25px 0;
	} */

	.program-list {
		width: 100%;
		padding: 25px 0;
	}
	.program-list.with-video {
		padding: 50px 0;
	}
	.program-list hr {
		margin: 25px 0;
	}

	.program-list p {
		/* font-size: 1rem;
		line-height: 1.6rem; */
		margin-bottom: 50px;
	}
	.program-list p.txt-container {
		margin-bottom: 0;
	}
	.program-list .program-desc.custom p {
		/* font-size: 1rem;
		line-height: 1.6rem; */
		margin-bottom: 20px;
	}
	.program-list .program-desc {
		padding-right: 0;
	}
	.program-list .program-desc ol {
		list-style: decimal;
		list-style-position: inside;
		padding-left: 10px;
		margin: 0;
	}
	.program-list .program-desc ol li {
		margin-bottom: 20px;
	}
	.program-list .program-desc.custom .list-column {
		width: 100%;
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
	}

	.program-gallery ul {
		display: flex;
		flex-direction: column;
	}
	.program-gallery ul li {
		margin-bottom: 10px;
		margin-right: 0;
		position: relative;
	}

	.program-gallery .swiper-slide {
		width: 100%;
		position: relative;
	}
	.program-gallery .swiper-slide::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		padding-bottom: 56.25%;
	}

	#core-partners {
		width: 100%;
		margin-top: 50px;
	}

	.full-width-video.img-parallax::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		padding-bottom: 150%;
	}

	/* ------------------------ */
	/* ------- BS : LTR ------- */
	/* ------------------------ */
	#banner-ltr .banner-16-9 {
		width: 100%;
		position: relative;
		z-index: 1;

		display: flex;
		flex-direction: column;
	}
	#banner-ltr .mobile .wrap-txt-in-banner {
		position: relative;
		left: 0;
		bottom: 0;
		top: unset;
		right: unset;
		width: 100%;
		z-index: 2;
		margin-top: 20px;
	}
	#banner-ltr .mobile .wrap-txt-in-banner h1 {
		font-size: 2rem;
		line-height: 2.6rem;
	}
	#banner-ltr .mobile .wrap-txt-in-banner p {
		margin-top: 10px;
		font-size: 1rem;
		line-height: 1.6rem;
	}
	#banner-ltr .mobile .wrap-txt-in-banner a {
		font-size: 0.85rem;
		line-height: 1.4rem;
		margin-top: 5px;
		justify-content: flex-start;
	}


	.sidebar-header.group {
		font-size: 1.4rem;
		line-height: 1.8rem;
		margin-bottom: 25px;
	}
	.sidebar-header.group .highlight {
		font-size: 5rem;
		line-height: 5.8rem;
	}
	.group-desc {
		padding-right: 0;
		/* font-size: 1rem;
		line-height: 1.6rem; */
	}
	.group-desc.custom {
		/* font-size: 1rem;
		line-height: 1.6rem; */
	}

	.visa-list-swiper {
		margin-top: 50px;
	}
	.visa-item {
		width: 100%;
	}
	.visa-item {
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	.visa-item .visa-img {
		width: 100%;
		position: relative;
		margin-bottom: 30px;
	}
	.visa-item .visa-desc {
		width: 100%;
	}

	.group-special-rate .col-sidebar h3 {
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	.special-rate-desc {
		font-size: 1rem;
		line-height: 1.6rem;
	}
	.wrap-include h4 {
		font-size: 1.2rem;
		line-height: 1.6rem;
		margin-bottom: 20px;
	}
	.wrap-include ol li {
		font-size: 1rem;
		line-height: 1.6rem;
		margin-bottom: 5px;
	}

	.testimonial {
		width: 100%;
		margin: 50px 0;
	}
	.testimonial .quote {
		width: 100%;
		font-size: 1.4rem;
		line-height: 1.8rem;
		margin-bottom: 30px;
	}

	.list-number {
		width: 100%;
		margin: 25px 0;
		list-style: decimal;
		list-style-position: outside;
		padding-left: 10px;
		margin-left: 12px;
	}

	.wrp-form form {
		margin: 25px 0;
	}
	.remark {
		font-size: 1rem;
		line-height: 1.4rem;
		margin-top: 10px;
	}
	.asterisk {
		font-size: 1.8rem;
		position: relative;
		top: 10px;
	}
	.row-form {
		margin-bottom: 15px;
	}
	.row-form input[type='text'],
	.row-form input[type='email'],
	.row-form input[type='tel'],
	.row-form textarea {
		font-size: 1rem;
		line-height: 1.4rem;
	}
	.row-form.require::after {
		content: "*";
		font-size: 1rem;
		display: block;
		position: absolute;
		top: 5px;
		right: 0;
	}

	.row-form button[type='submit'] {
		font-size: 1.8rem;
		line-height: 2.2rem;
	}

	/* ------------------------ */
	/* ---- BS : Corporate ---- */
	/* ------------------------ */
	.col-sidebar.have-obj {
		display: none;
	}

	/* ------------------------ */
	/* - Service & Facilities - */
	/* ------------------------ */
	#banner-saf {
		width: 100%;
		/* margin: 50px 0; */
	}
	.row-intro {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.col-40 {
		width: 100%;
		position: relative;
	}
	.col-40 h1 {
		display: flex;
		flex-direction: column;
		margin-bottom: 20px;
	}
	.col-50 {
		width: 100%;
		position: relative;
	}
	.col-60 {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		position: relative;
	}
	.sub-col {
		width: 100%;
		padding-right: 0;
		padding-bottom: 20px;
	}

	.freestyle-gallery {
		width: 100%;
		display: flex;
		flex-direction: column;
		margin: 50px 0;
	}

	.freestyle-row {
		width: 100%;
		display: flex;
		flex-direction: row;
	}
	.freestyle-row:last-child {
		min-height: 205px;
	}
	.freestyle-row .fsg-main-title {
		padding: 40px 0;
		text-transform: unset;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.freestyle-row .fsg-main-title p {
		display: inline-flex;
		flex-direction: row;
		align-items: baseline;
		width: 100%;
		text-align: center;
		justify-content: center;
		font-size: 1.4rem;
	}
	.fsg-main-title p .txt-1 {
		width: 36%;
		margin-right: 0;
	}


	.fsg-elem {
		display: none;
	}

	.item-fsg.fsg-1 {
		width: 62%;
	}
	.item-fsg.fsg-2 {
		width: 35%;
		position: absolute;
		left: -18%;
		top: 16%;
	}
	.item-fsg.fsg-3 {
		width: 60%;
		position: absolute;
		top: 0;
		right: 2%;
	}
	.item-fsg.fsg-4 {
		width: 43%;
		position: absolute;
		top: -15%;
		left: 0;
	}
	.item-fsg.fsg-5 {
		width: 43%;
		position: absolute;
		top: 35%;
		left: 25%;
	}
	.item-fsg.fsg-6 {
		width: 57%;
		position: absolute;
		right: -29%;
		top: 23%;
	}
	.item-fsg.fsg-7 {
		width: 57%;
		position: absolute;
		top: -15%;
		right: -4%;
	}

	.item-fsg .fsg-title {
		position: absolute;
		right: 0;
		bottom: -26px;
		font-size: 0.75rem;
	}


	.about-lay .freestyle-row:first-child {
		width: 100%;
		min-height: 100px;
	}
	.about-lay .freestyle-row:last-child {
		min-height: 150px;
	}
	.about-lay.freestyle-gallery .fsg-main-title p {
		font-size: 1.125rem;
		line-height: 1.7rem;
	}
	.about-lay-bottom .item-fsg.fsg-1 {
		width: 55%;
		position: absolute;
		top: -5%;
		left: 0;
	}
	.about-lay-bottom .item-fsg.fsg-2 {
		width: 55%;
		position: absolute;
		top: -10%;
		right: 0%;
		left: unset;
	}
	.about-lay-bottom .item-fsg.fsg-3 {
		width: 55%;
		position: absolute;
		top: -10%;
		left: 0%;
	}
	.about-lay-bottom .item-fsg.fsg-4 {
		width: 55%;
		position: absolute;
		top: 13%;
    	left: 56%;
	}
	.about-lay-bottom .item-fsg.fsg-5 {
		width: 55%;
		position: absolute;
		top: 13%;
		right: 5%;
		left: unset;
	}

	.about-lay-bottom .item-fsg.fsg-1::after {
		padding-bottom: 100%;
	}
	.about-lay-bottom .item-fsg.fsg-2::after {
		padding-bottom: 100%;
	}
	.about-lay-bottom .item-fsg.fsg-3::after {
		padding-bottom: 100%;
	}
	.about-lay-bottom .item-fsg.fsg-4::after {
		padding-bottom: 100%;
	}
	.about-lay-bottom .item-fsg.fsg-5::after {
		padding-bottom: 100%;
	}

	/* ------------------------ */
	/* -- SF : Comu & Service - */
	/* ------------------------ */
	#comunity-service {
		width: 100%;
		margin: 100px 0 50px 0;
	}

	.grid-row__custom {
		width: 100%;
		display: grid;
		column-gap: 26px;
		row-gap: 26px;
		grid-template-columns: 1fr;
		margin-bottom: 40px;
	}
	.grid-col__half {
		width: 100%;
		display: grid;
		column-gap: 26px;
		row-gap: 26px;
		grid-template-columns: 1fr;
	}
	.grid-col__half.one {
		grid-template-columns: 1fr;
	}


	.item-content__desc {
		margin-top: 30px;
	}
	.headline-desc {
		display: flex;
		flex-direction: row;
		margin-bottom: 20px;
	}
	.item-content__desc h3 {
		font-size: 1.6rem;
    	line-height: 2.2rem;
	}
	.item-content__desc p {
		width: 100%;
		font-size: 1.131rem;
		line-height: 2.1rem;
	}

	.highlight .item-content__desc,
	.big .item-content__desc {
		margin-top: 30px;
	}
	.highlight .item-content__desc h3,
	.big .item-content__desc h3 {
		/* margin-bottom: 20px; */
	}
	.highlight .item-content__desc p {
		padding-right: 0;
	}

	/* ------------------------ */
	/* --- SF : WS & Service -- */
	/* ------------------------ */
	#workspace-service {
		width: 100%;
		margin: 100px 0 50px 0;
	}

	/* ------------------------ */
	/* - SF : Sustainability -- */
	/* ------------------------ */
	#sustainability {
		width: 100%;
		margin: 100px 0 100px 0;
	}

	.sfa-parallax::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		padding-bottom: 102%;
	}


	.sfa-parallax__content {
		width: 100%;
		position: absolute;
		top: 100px;
		left: 20px;
		z-index: 2;
	}
	.sfa-parallax__content h2 {
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.sfa-parallax__content sub {
		font-size: 1rem;
		line-height: 1.4rem;
		margin-bottom: 10px;
	}

	/* ------------------------ */
	/* ------ Recommended ----- */
	/* ------------------------ */
	#rec-banner {
		width: 100vw;
		overflow: hidden;
		margin-bottom: 0;
	}
	#rec-banner .row-intro {
		margin: 50px 0;
	}

	.rec-gallery {
		width: 150vw;
		height: 50vh;
		overflow: hidden;
	}

	.rec-gallery__row {
		display: flex;
		margin-bottom: 6px;
	}
	.size-row-st,
	.size-row-nd,
	.size-row-rd {
		flex: 1;
		position: relative;
		margin-right: 6px;
	}

	.row-header__slide {
		margin-bottom: 30px;
	}
	.wrap-custom-swp__arrow {
		width: 40%;
	}
	.featured-desc h3 {
		margin: 30px 0 30px 0;
	}
	.featured-desc .featured-desc__cat,
	.featured-desc .featured-desc__p {
		font-size: 1rem;
		line-height: 1.4rem;
	}
	.featured-desc .featured-desc__p {
		margin-bottom: 20px;
	}

	/* ------------------------ */
	/* -- Rec : Article main -- */
	/* ------------------------ */
	.rec-highlight {
		width: 100%;
		margin-bottom: 50px;
	}
	.wrap-custom-swp__arrow.for-article {
		text-align: right;
	}
	.wrap-custom-swp__arrow.for-article p {
		display: none;
	}

	.rec-highlight__grid {
		display: grid;
		column-gap: 0;
		row-gap: 0;
		grid-template-columns: 1fr;
	}

	.article-item__desc {
		width: 100%;
		margin: 50px 0;
	}
	.article-item__headline {
		display: flex;
		flex-direction: column;
		align-items: stretch;
	}
	.article-item__headline h3 {
		width: 100%;
	}
	.article_item_cat {
		width: 100%;
		text-align: left;
		padding-top: 10px;
		border-top: 1px solid var(--black);
		border-left: unset
	}

	.article-item__detail {
		padding-right: 0;
		margin-bottom: 2.5rem;
	}

	/* ------------------------ */
	/* ----- Rec : Article ---- */
	/* ------------------------ */

	.article-page h1 {
		padding: 50px 0;
	}

	.article-gallery {
		width: 150vw;
		height: 45vh;
		transform: translateX(-15%);
		display: block;
		overflow: hidden;
	}
	.masonry {
		column-count: 4;
		column-gap: 10px;
		position: relative;
	}
	.masonry-bg {
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: var(--footer-txt);
		opacity: 0;
		-webkit-opacity: 0;
		transition: all 0.5s;
	}
	.masonry-bg.active {
		opacity: 0.5;
		-webkit-opacity: 0.3;
	}

	.masonry .brick {
		box-sizing: border-box;
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid;
		counter-increment: brick-counter;

		position: relative;
		margin-bottom: 10px;
		opacity: 1;
		-webkit-opacity: 1;
		transition: all 0.5s;
		z-index: 4;
	}
	.brick.blur-img {
		opacity: 0.3;
		-webkit-opacity: 0.3;
		z-index: 2;
	}
	.brick:hover .btn-plus {
		visibility: visible;
		opacity: 1;
	}


	/* ------------------------ */
	/* --- Rec : Article S1 --- */
	/* ------------------------ */
	#highlight-article {
		width: 100%;
		margin: 80px 0;
	}
	.article-page .row-header {
		width: 100%;
		display: flex;
		flex-direction: column;
		padding: 0 0 30px 0;
	}

	.highlight-article-grid {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}
	.main-highlight {
		width: 100%;
	}
	.second-highlight {
		width: 100%;
	}

	.item-verti {
		width: 100%;
		display: flex;
		flex-direction: column;
		margin-bottom: 26px;
	}
	.item-verti__img {
		width: 100%;
		position: relative;
	}
	.item-verti__img::after {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		padding-bottom: 66.67%;
	}
	.item-verti__desc {
		margin-top: 30px;
	}
	.item-verti__desc h3 {
		margin-bottom: 30px;
	}
	.item-verti__desc .cat {
		margin-bottom: 10px;
	}


	.item-hori {
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin-bottom: 20px;
	}
	.item-hori__img {
		width: 40%;
		position: relative;
	}
	.item-hori__img::after {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		padding-bottom: 66.59%;
	}

	.item-hori__desc {
		width: 56%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.item-hori__desc p {
		margin-bottom: 0;
	}

	/* ------------------------ */
	/* --- Rec : Article S2 --- */
	/* ------------------------ */
	#articles {
		margin-bottom: 50px;
	}

	/* ------------------------ */
	/* ---- About : Awards ---- */
	/* ------------------------ */
	#awards-banner .intro {
		margin-bottom: 50px;
	}
	.row-award {
		width: 100%;
		margin: 30px 0 50px 0;
	}
	.row-award h2 br {
		display: none;
	}
	.award-img {
		width: 100%;
		margin: 50px 0;

		display: flex;
		justify-content: center;
	}
	.award-img img {
		width: 75%;
		object-fit: contain;
	}
	.award-img.small img {
		width: 50%;
		object-fit: contain;
	}
	.award-img.medium img {
		width: 65%;
		object-fit: contain;
	}

	/* ------------------------ */
	/* --- About : Partners --- */
	/* ------------------------ */
	#partners-intro .intro {
		margin-bottom: 0;
	}

	#partners {
		width: 100%;
		margin: 50px 0;
	}
	.grid-logo {
		width: 100%;
		display: grid;
		column-gap: 20px;
		row-gap: 20px;
		grid-template-columns: 1fr 1fr 1fr;
		margin-bottom: 50px;
	}

	/* ------------------------ */
	/* ---- About : Contact --- */
	/* ------------------------ */
	#contact-info {
		width: 100%;
		margin: 80px 0;
	}
	.contact-list {
		width: 100%;
		margin-top: 30px;
	}
	.contact-list li {
		display: flex;
		flex-direction: column;
		margin-bottom: 10px;
	}
	.contact-list li a {
		font-weight: bold;
	}
	.contact-list .contact-title {
		width: 100%;
	}



	.gray-form {
		width: 100%;
		margin: 50px 0 80px 0;
	}
	#form-section .row-form {
		width: 100%;
		margin-bottom: 15px;
		position: relative;
		display: flex;
		flex-direction: column;
	}
	#form-section .row-form label {
		width: 100%;
		margin-bottom: 10px;
	}
	#form-section .row-form input[type='text'],
	#form-section .row-form input[type='email'],
	#form-section .row-form input[type='tel'],
	#form-section .row-form input[type='date'],
	#form-section .row-form textarea,
	.row-form .wrp-multi-select {
		width: 100% !important;
		font-size: 1rem;
		line-height: 1.4rem;
		padding: 10px 15px;
		border-bottom: unset;
	}
	#form-section .row-form input[type='date'] {
		padding: 10px 15px;
	}
	#form-section .row-form input[type='text']:focus-visible,
	#form-section .row-form input[type='email']:focus-visible,
	#form-section .row-form input[type='tel']:focus-visible,
	#form-section .row-form textarea:focus-visible {
		border: unset;
		box-shadow: unset;
		outline: none;
		border-bottom: unset;
	}
	#form-section .row-form.require::after {
		content: "*";
		font-size: 1rem;
		display: block;
		position: absolute;
		top: 5px;
		right: 0;
	}

	#form-section .row-form.last {
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		margin-top: 30px;
	}
	#form-section .row-form button[type='submit'] {
		width: 47%;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-end;
		text-transform: unset;
		color: var(--black);
		position: relative;
	}
	#form-section .right-arrow-stick.stick {
		margin: 0 0 0 15px;
	}


	.contact-map {
		width: 100%;
		min-height: 400px;
		position: relative;
	}

	/* ------------------------ */
	/* --------- About -------- */
	/* ------------------------ */
	#about-banner {
		width: 100%;
		padding-top: 80px
	}
	.about-page .row-header {
		display: flex;
		flex-direction: column;
		padding: 0 0 80px 0;
	}
	.wrp-right {
		width: 100%;
		display: flex;
		justify-content: end;
	}
	.wrp-right .row-header {
		width: 100%;
	}
	.about-page .row-header h1 {
		display: flex;
		flex-direction: column;
		margin-bottom: 10px;
	}
	.about-page .row-header h1 sub {
		margin-bottom: 10px;
	}
	.about-page .row-header .intro {
		width: 100%;
	}

	.about-list.desktop {
		display: none;
	}
	.iconSwiper .about-list {
		display: flex;
		flex-direction: row;
		padding: 30px 0 0 0;
		margin: 0;
	}
	.about-list li {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 25px;
	}
	.about-list li a {
		display: flex;
		align-items: center;
	}

	.icon {
		display: block;
		width: 120px;
		height: 80px;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		transition: all 0.5s;
	}
	.icon.smart-city {
		width: 50px;
        height: 50px;
		background-image: url('../images/08About/index/about-icon-1.jpg');
	}
	.icon.business-opportunity {
		width: 50px;
        height: 50px;
		background-image: url('../images/08About/index/about-icon-2.jpg');
	}
	.icon.urban-greenery {
		width: 50px;
        height: 50px;
		background-image: url('../images/08About/index/about-icon-3.jpg');
	}
	.icon.vibrant-community {
		width: 50px;
        height: 50px;
		background-image: url('../images/08About/index/about-icon-4.jpg');
	}
	.icon.prime-location {
		width: 50px;
        height: 50px;
		background-image: url('../images/08About/index/about-icon-5.jpg');
	}


	.swiper-pagination-fraction {
		font-size: 1.765rem;
		line-height: 2.1rem;
	}

	/* ------------------------ */
	/* ------ About : Acc ----- */
	/* ------------------------ */
	#about-acc {
		width: 100%;
		margin-top: 50px;
	}
	#about-acc .accordion {
		margin-bottom: 80px;
	}
	#about-acc .accordion_intro {
		width: 100%;
		margin-bottom: 20px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	#about-acc .accordion_intro h2 {
		display: flex;
		flex-direction: column;
		align-items: flex-end;

		font-size: 1rem;
    	line-height: 1.6rem;
		margin-left:10px;
	}
	#about-acc .accordion_intro .icon{ margin-bottom:5px; }
	#about-acc .accordion_intro .icon.smart-city {
		width: 30px;
		height: 40px;
		margin-right: 5px;
	}
	#about-acc .accordion_intro .icon.business-opportunity,
	#about-acc .accordion_intro .icon.urban-greenery,
	#about-acc .accordion_intro .icon.vibrant-community,
	#about-acc .accordion_intro .icon.prime-location {
		width: 40px;
    	height: 40px;
		margin-right: 5px;
	}
	#about-acc .accordion_intro .icon.prime-location {
		height: 40px;
	}

	.acc-img-content {
		width: 100%;
		margin: 30px 0;
		position: relative;
	}

	#about-acc .accordion_content {
		padding: 30px 0;
	}
	#about-acc .article-gallery {
		width: 150vw;
		height: 270px;
		transform: translateX(-15%);
		display: block;
		overflow: hidden;
	}
	#about-acc .display-title-mobile {
		display: flex;
		flex-direction: column;
		margin-bottom: 10px;
	}
	#about-acc .display-title-mobile  p {
		font-size: 1rem;
		line-height: 1.4rem;
	}
	#about-acc .display-title {
		opacity: 0;
		-webkit-opacity: 0;
		visibility: hidden;

		display: none;
	}
	#about-acc .display-title p {
		font-size: 0.99rem;
		line-height: 1.4rem;
	}

	.box-conten-slide {
		width: 100%;
	}
	.wrap-arrow .wrap-custom-swp__arrow {
		width: 30%;
		position: relative;
		height: 50px;
	}

	.wrap-txt {
		width: 95%;
		text-align: center;
		margin: 30px auto;
	}

	#about-contact {
		width: 100%;
		margin-bottom: 100px;
	}
	#about-contact ul li {
		font-size: 1rem;
		line-height: 1.4rem;
	}
	.row-full {
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	.col-half {
		width: 100%;
	}
	.col-half p {
		margin-bottom: 30px;
	}
	.col-half ul {
		width: 100%;
	}
	.col-half ul li {
		display: flex;
		margin-bottom: 20px;
	}
	.col-half .title {
		width: 20%;
	}

	/* ------------------------ */
	/* ----- BS : Matching ---- */
	/* ------------------------ */
	.matching-footer {
		width: 100%;
		min-height: 300px;
		position: relative;
	}
	.wrp-matching-elem img {
		width: 80%;
	}

	/* ------------------------ */
	/* ------- Promotions ----- */
	/* ------------------------ */
	#promotions-banner {
		width: 100%;
		padding: 50px 0;
	}
	#promotions-banner .row-intro {
		width: 100%;
		margin: 0 auto 50px auto;
	}

	#promotions-banner .wrap-arrow .wrap-custom-swp__arrow {
		width: 30%;
		position: relative;
		height: 50px;
	}

	#promotions-banner #activity-heading{ padding-top:70px; background-image: url('../images/icon-what-on-top-center.jpg'); background-position: center top; background-repeat: no-repeat; background-size:250px 87px; position:relative; }
	#promotions-banner #activity-heading .icon-top-left{ position:absolute; left:0; top:0; width:50px; }
	#promotions-banner #activity-heading .icon-top-right{ position:absolute; right:0; top:0; width:50px; }

	#promotions-list {
		width: 100%;
		margin-bottom: 80px;
	}
	.row-filters {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.row-filters h2 {
		margin-bottom: 30px;
	}
	.row-filters.content h2 {
		margin-bottom: 50px;
	}
	.wrp-filters {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		margin-bottom: 50px;
	}
	.wrp-filters span {
		font-size: 0.875rem;
    	line-height: 1.4rem;
	}

	/* ------------------------ */
	/* -- Promotion Content --- */
	/* ------------------------ */
	#promotions-content {
		width: 100%;
		padding: 50px 0;
	}
	#promotions-content .row-intro {
		width: 100%;
		margin: 0 0 50px 0;
		display: flex;
		flex-direction: column;
	}
	.wrap-row.spc-top {
		display: flex;
		flex-direction: column;
	}
	.spc-top .col-sidebar {
		width: 100%;
	}
	.spc-top .col-primary {
		width: 100%;
	}
	.content-inner {
		width: 100%;
		padding: 50px 0;
	}
	.content-inner p.spc {
		margin-bottom: 30px;
	}

	/* ------------------------ */
	/* --- Custom Show More --- */
	/* ------------------------ */
	.wrp-spc-activity .txt-container {
		height: 100px;
		margin-bottom: 30px;
	}
	#promotions-banner .txt-container {
		height: 118px;
	}
	.program-list .txt-container {
		height: 106px;
	}

	.show-btn {
		font-size: 0.875rem;
    	line-height: 1.4rem;
	}

	/* ------------------------ */
	/* ----- Office Space ----- */
	/* ------------------------ */
	.sidebar-title {
		position: relative;
	}
	.sidebar-title h2 {
		position: relative;
		z-index: 2;
	}
	.elem-sidebar-title {
		position: absolute;
        top: 23%;
        left: 55%;
        width: 15%;
        z-index: 1;
	}
	.elem-sidebar-title2 {
		position: absolute;
        top: -37%;
        left: 54%;
        width: 27%;
        z-index: 1;
	}

	/* ------------------------ */
	/* -------- Footer -------- */
	/* ------------------------ */

	.desc-footer h3,
	.desc-footer p {
		font-size: 0.85rem;
		line-height: 1.4rem;
	}

	.nav-footer h3{ height:auto; }


	/* banner youtube */
	
	.banner-16-9 iframe {
		top: 50%; 
		left: 50%;
		transform: translate(-50%,-50%);
		width: 500px !important;
	}

	#event-banner.banner-yt-embed{
		height: 30vh;
	}
}

@media only screen and (min-width: 320px) and (max-height: 568px) {

}

@media only screen and (min-width: 360px) {

}

@media only screen and (min-width: 360px) and (max-height: 640px) {

}

@media only screen and (min-width: 360px) and (max-height: 740px) {

}

@media only screen and (min-width: 360px) {

}

@media only screen and (min-width: 360px) and (max-height: 740px) {

}

@media only screen and (min-width: 375px) {
}

@media only screen and (min-width: 375px) and (max-height: 667px) {

}

@media only screen and (min-width: 375px) and (max-height: 812px) {

}

@media only screen and (min-width: 390px) {

}

@media only screen and (min-width: 390px) and (max-height: 844px) {

}

@media only screen and (min-width: 393px) {

}

@media only screen and (min-width: 412px) {

}

@media only screen and (min-width: 412px) and (max-height: 914px) {

}

@media only screen and (min-width: 412px) and (max-height: 915px) {

}

@media only screen and (min-width: 414px) and (max-height: 736px) {

}

@media only screen and (min-width: 414px) and (max-height: 896px) {

}

@media only screen and (min-width: 430px) {

}

@media only screen and (min-width: 430px) and (max-height: 932px) {

}

@media only screen and (min-width: 540px) {

	.page-title {
		font-size: 2rem;
		line-height: 2.4rem;
	}

	.btn-show {
		font-size: 0.75rem;
	}

    /* ------------------------ */
    /* --------- Home --------- */
    /* ------------------------ */

	.wrap-space {
		width: 100%;
		overflow: hidden;
		position: relative;
	}

	.col-workspace,
	.col-companies {
		width: 100%;
		overflow: hidden;
		position: relative;
	}

	.col-workspace::after,
	.col-companies::after {
		content: "";
		width: 100%;
		height: 100%;
		display: block;
		padding-bottom: 56.25%;
	}

	#event-banner {
		width: 100%;
		height: 30vh;
		overflow: hidden;
	}

	.sidebar-elem-1 {
		position: absolute;
		width: 20%;
		top: -30px;
		left: 55px;
		display: block;
	}
	.sidebar-elem-2 {
		position: absolute;
		width: 15%;
		top: -14px;
		left: 270px;
		display: block;
	}
	.sidebar-elem-3 {
		position: absolute;
        width: 15%;
        top: 35px;
        left: 70px;
        display: block;
        z-index: 1;
	}

	/* ------------------------ */
    /* -------- Banner -------- */
    /* ------------------------ */

	.wrap-slide-obj::after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        padding-bottom: calc(100vh - 109px);
    }

	.wrap-slide-obj .people-layer.pl1ex {
		right: -8%;
		left: unset;
		width: 83%;
	}
	.wrap-slide-obj .people-layer.pl2ex {
		left: -16%;
        width: 89%;
	}
	.wrap-slide-obj .people-layer.pl3ex {
		left: -26%;
        width: 110%;
        bottom: -3.5%;
        max-width: 125%;
	}

	.wrap-slide-obj .txt-layer {
		position: absolute;
		z-index: 4;
		width: auto;
		transform: translateY(1em);
		transition: transform 4s ease;
	}
	.wrap-slide-obj .txt-layer.desktop__top-right {
		top: 25%;
		right: 5%;
	}
	.wrap-slide-obj .txt-layer.desktop__bottom-right {
		bottom: 25%;
		right: 5%;
	}
	.wrap-slide-obj .txt-layer.desktop__top-left {
		top: 25%;
		left: 5%;
	}
	.wrap-slide-obj .txt-layer.desktop__bottom-left {
		bottom: 25%;
		left: 5%;
	}
	.wrap-slide-obj .txt-layer.desktop__center {
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.wrap-slide-obj .txt-layer.mobile__center-bottom {
        bottom: 2% !important;
        left: 25% !important;
        right: unset !important;
        top: unset !important;
    }
	.wrap-slide-obj .txt-layer.mobile__center-top {
        top: 2% !important;
        left: 25% !important;
        right: unset !important;
        bottom: unset !important;
    }
	.swiper-slide.swiper-slide-active .wrap-slide-obj .txt-layer.desktop__top-right,
	.swiper-slide.swiper-slide-active .wrap-slide-obj .txt-layer.desktop__top-left {
		transform: translateY(1.4em);
	}
	.swiper-slide.swiper-slide-active .wrap-slide-obj .txt-layer.desktop__bottom-right,
	.swiper-slide.swiper-slide-active .wrap-slide-obj .txt-layer.desktop__bottom-left {
		transform: translateY(1.4em);
	}
	.swiper-slide.swiper-slide-active .wrap-slide-obj .txt-layer.desktop__center {
		transform: translate(0, 1.4em);
	}

	.wrap-slide-obj .txt-layer .title-banner {
		font-size: 1.8rem;
		line-height: 2.2rem;
	}
	.wrap-slide-obj .txt-layer .sub-title-banner {
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
	/*
	.wrap-slide-obj .txt-layer .title-banner br {
		display: block;
	}
	.wrap-slide-obj .txt-layer .sub-title-banner br {
		display: none;
	}
	*/

	/* ------------------------ */
	/* ----- IT Experience ---- */
	/* ------------------------ */
	.home-elem-1 {
		width: 15%;
		position: absolute;
		top: -24px;
		right: 0;
	}

	.wrap-tagline .col-primary {
        width: 80%;
    }
	.wrap-tagline .col-primary p {
		font-size: 1.275rem;
		line-height: 1.8rem;
	}

	/* ------------------------ */
	/* ----- BS : Startup ----- */
	/* ------------------------ */
	.grid-startup {
		margin: 60px 0;
	}

	/* ------------------------ */
	/* ----- BS : Startup ----- */
	/* ------------------------ */
	/* #bs-banner::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		padding-bottom: 157.25%;
	} */

	.fix-banner .txt-layer h1 {
		font-size: 2.25rem;
		line-height: 3rem;
	}

	.sf-intro__wrp {
		width: 100%;
		text-align: center;
		padding: 80px 0;
	}
	#about-intro .sf-intro__wrp {
		width: 100%;
		position: relative;
	}
	.sf-intro__wrp.first {
		padding-top: 70px;
	}
	.sf-intro__wrp.second {
		padding-top: 40px;
	}
	#about-intro .sf-intro__wrp h1,
	#about-intro .sf-intro__wrp h2 {
		position: relative;
		z-index: 2;
	}
	#about-intro .sf-intro__wrp p {
		position: relative;
		z-index: 2;
	}
	#about-intro .sf-intro__wrp p.sf-intro__subtitle {
		width: 85%;
	}
	.about-elem-intro-1 {
		width: 40%;
		position: absolute;
		top: 2%;
		left: 50%;
        transform: translateX(-50%);
		z-index: 1;
	}
	.about-elem-intro-2 {
		width: 35%;
		position: absolute;
		top: -7%;
		left: 50%;
        transform: translateX(-50%);
		z-index: 1;
	}

	.sf-title__wrp {
		width: 100%;
		margin-top: 50px;
		position: relative;
	}
	.sf-intro__subtitle {
		width: 60%;
		margin: 0 auto;
		padding-top: 20px;
	}
	.sf-title__elem_left {
        position: absolute;
        top: -16px;
        left: 10%;
        width: 10%;
    }
	.sf-title__elem_right {
        position: absolute;
        top: -16px;
        right: 10%;
        width: 10%;
    }
	.display-sf {
		margin-top: 20px;
	}

	.sf-grid__wrp {
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		column-gap: 6px;
		row-gap: 6px;
	}
	.sf-grid {
		cursor: pointer;
		position: relative;
		height: 150px;
	}
	.sf-grid.sf1 {
		width: 20%;
	}
	.sf-grid.sf2 {
		width: 33.5%;
	}
	.sf-grid.sf3 {
		width: 21.5%;
	}
	.sf-grid.sf4 {
		width: 21.5%;
	}

	.sf-grid.sf5 {
		width: 35%;
		height: 180px;
	}
	.sf-grid.sf6 {
		width: 40%;
		height: 180px;
	}
	.sf-grid.sf7 {
		width: 23%;
		height: 180px;
	}

	.wrap-ecosystem {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		margin-top: 25px;
	}

	/* ------------------------ */
	/* - BS : Startup Booster - */
	/* ------------------------ */

	.fix-banner::after {
		content: "";
		width: 100%;
		height: 100%;
		padding-bottom: calc(100vh - 20%);
	}

	.banner-16-9::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		padding-bottom: 56.25%; /* 16:9 */
	}

	/* ------------------------ */
	/* - Service & Facilities - */
	/* ------------------------ */

	.freestyle-gallery {
		width: 100%;
		display: flex;
		flex-direction: column;
		margin: 50px 0;
	}

	.freestyle-row {
		width: 100%;
		display: flex;
		flex-direction: row;
	}
	.freestyle-row:last-child {
		min-height: 275px;
	}
	.freestyle-row .fsg-main-title {
		padding: 40px 0;
		text-transform: unset;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.freestyle-row .fsg-main-title p {
		display: inline-flex;
		flex-direction: row;
		align-items: center;
		width: 100%;
		text-align: center;
		justify-content: center;
		font-size: 2rem;
		margin-bottom: 10px;
	}
	.fsg-main-title p .txt-1 {
		width: auto;
		margin-right: 10px;
	}


	.fsg-elem {
		display: block;
	}

	.item-fsg.fsg-1 {
		width: 49%;
	}
	.item-fsg.fsg-2 {
		width: 32%;
		position: absolute;
		left: -18%;
		top: 16%;
	}
	.item-fsg.fsg-3 {
		width: 60%;
		position: absolute;
		top: 0;
		right: 2%;
	}
	.item-fsg.fsg-4 {
		width: 35%;
		position: absolute;
		top: -29%;
		left: 0;
	}
	.item-fsg.fsg-5 {
		width: 35%;
		position: absolute;
		top: 37%;
		left: 25%;
	}
	.item-fsg.fsg-6 {
		width: 48%;
		position: absolute;
		right: -11%;
		top: 26%;
	}
	.item-fsg.fsg-7 {
		width: 42%;
		position: absolute;
		top: -17%;
		right: 9%;
	}

	.about-lay .freestyle-row:first-child {
		width: 100%;
		min-height: 150px;
	}
	.about-lay .freestyle-row:last-child {
		min-height: 260px;
	}
	.about-lay.freestyle-gallery .fsg-main-title p {
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.about-lay-bottom .item-fsg.fsg-1 {
		width: 55%;
		position: absolute;
		top: -5%;
		left: 0;
	}
	.about-lay-bottom .item-fsg.fsg-2 {
		width: 55%;
		position: absolute;
		top: -10%;
		right: 0%;
		left: unset;
	}
	.about-lay-bottom .item-fsg.fsg-3 {
		width: 55%;
		position: absolute;
		top: -10%;
		left: 0%;
	}
	.about-lay-bottom .item-fsg.fsg-4 {
		width: 55%;
		position: absolute;
		top: 13%;
    	left: 56%;
	}
	.about-lay-bottom .item-fsg.fsg-5 {
		width: 55%;
		position: absolute;
		top: 13%;
		right: 5%;
		left: unset;
	}

	.fsg-elem-1 {
		width: 94px;
		height: 41px;
		display: block;
		margin-left: -95px;
		position: relative;
		z-index: -1;
	}
	.fsg-elem-2 {
		width: 88px;
		height: 35px;
		display: block;
		margin-right: 10px;
	}
	.fsg-elem-3 {
		width: 46px;
		height: 45px;
		display: block;
		margin-right: 10px;
	}
	.fsg-elem-4 {
		width: 142px;
    	height: 48px;
		display: block;
		margin-right: -143px;
		position: relative;
		z-index: -1;
	}

	/* ------------------------ */
	/* -- SF : Comu & Service - */
	/* ------------------------ */
	#comunity-service {
		width: 100%;
		margin: 100px 0 50px 0;
	}

	.grid-row__custom {
		width: 100%;
		display: grid;
		column-gap: 26px;
		row-gap: 26px;
		grid-template-columns: 1fr;
		margin-bottom: 40px;
	}
	.grid-col__half {
		width: 100%;
		display: grid;
		column-gap: 26px;
		row-gap: 26px;
		grid-template-columns: 1fr 1fr;
	}
	.grid-col__half.one {
		grid-template-columns: 1fr;
	}


	/* ------------------------ */
	/* - SF : Sustainability -- */
	/* ------------------------ */
	.sfa-parallax::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		padding-bottom: 56.25%;
	}

	.sfa-parallax__content {
		width: 100%;
		position: absolute;
		top: 150px;
		left: 48px;
		z-index: 2;
	}
	.sfa-parallax__content h2 {
		font-size: 2rem;
		line-height: 2.6rem;
	}
	.sfa-parallax__content sub {
		font-size: 1rem;
		line-height: 1.4rem;
		margin-bottom: 10px;
	}

	/* ------------------------ */
	/* ------ Recommended ----- */
	/* ------------------------ */
	#rec-banner {
		width: 100%;
		margin-bottom: 50px;
	}
	#rec-banner .row-intro {
		margin: 100px 0;
	}

	.rec-gallery {
		width: 150vw;
		height: 55vh;
		overflow: hidden;
	}

	.rec-gallery__row {
		display: flex;
		margin-bottom: 12px;
	}
	.size-row-st,
	.size-row-nd,
	.size-row-rd {
		flex: 1;
		position: relative;
		margin-right: 12px;
	}

	.wrap-custom-swp__arrow {
		width: 20%;
	}

	/* ------------------------ */
	/* -- Rec : Article main -- */
	/* ------------------------ */
	.rec-highlight {
		width: 100%;
		margin-bottom: 100px;
	}
	.wrap-custom-swp__arrow.for-article {
		text-align: right;
	}
	.wrap-custom-swp__arrow.for-article p {
		display: block;
	}

	.rec-highlight__grid {
		display: grid;
		column-gap: 20px;
		row-gap: 20px;
		grid-template-columns: 1fr 1fr 1fr;
	}

	.article-item__desc {
		width: 100%;
		margin: 20px 0;
	}
	.article-item__detail {
		padding-right: 0;
		margin-bottom: 1rem;
	}

	/* ------------------------ */
	/* ---- About : Contact --- */
	/* ------------------------ */
	#contact-info {
		width: 100%;
		margin: 80px 0;
	}
	.contact-list {
		width: 100%;
		margin-top: 30px;
	}
	.contact-list li {
		display: flex;
		flex-direction: row;
		margin-bottom: 10px;
	}
	.contact-list li a {
		font-weight: bold;
	}
	.contact-list .contact-title {
		width: 20%;
	}

	/* ------------------------ */
	/* --------- About -------- */
	/* ------------------------ */

	.about-list.desktop {
		display: flex;
	}
	.iconSwiper {
		display: none;
	}
	.iconSwiper .about-list {
		display: none;
	}

	.about-list {
		width: 100%;
		margin: 50px 0;
		display: flex;
		flex-direction: row;
		justify-content: center;
		row-gap: 25px;
		flex-wrap: wrap;
	}
	.about-list li {
		display: flex;
		align-items: baseline;
		justify-content: center;
		margin-bottom: 0;
		margin-right: 25px;
	}
	.about-list li a {
		display: flex;
		align-items: flex-end;
	}

	/* ------------------------ */
	/* ------ About : Acc ----- */
	/* ------------------------ */
	.wrap-row.spc {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.wrap-row.spc .col-sidebar {
		width: 100%;
	}
	.wrap-row.spc .col-primary {
		width: 100%;
	}
	.wrap-row.spc .col-primary .box-conten-slide {
		width: 100%;
	}

	#about-acc {
		width: 100%;
		margin-top: 100px;
	}
	#about-acc .accordion {
		margin-bottom: 80px;
	}
	#about-acc .accordion_intro {
		width: 100%;
		margin-bottom: 20px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	#about-acc .accordion_intro h2 {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		font-size: 1.4rem;
		line-height: 2rem;
		margin-left:0;
	}
	#about-acc .accordion_intro .icon.smart-city,
	#about-acc .accordion_intro .icon.business-opportunity,
	#about-acc .accordion_intro .icon.urban-greenery,
	#about-acc .accordion_intro .icon.vibrant-community,
	#about-acc .accordion_intro .icon.prime-location {
		width: 100px;
		height: 60px;
	}

	.acc-img-content {
		width: 100%;
		margin: 30px 0;
		position: relative;
	}

	#about-acc .accordion_content {
		padding: 30px 0;
	}
	#about-acc .article-gallery {
		width: 150vw;
		height: 500px;
		transform: translateX(-15%);
		display: block;
		overflow: hidden;
	}
	#about-acc .display-title {
		width: 220%;
		text-align: center;
		word-wrap: break-word;
		position: relative;
		z-index: 10;
		/* top: 40%; */
		top: 30%;
		left: 190%;
		transform: translate(-50%, -50%);
		opacity: 1;
		-webkit-opacity: 1;
		visibility: visible;

		display: flex;
		flex-direction: column;
	}
	#about-acc .display-title-mobile {
		display: none;
	}
	#about-acc .display-title p {
		font-size: 1.6rem;
		line-height: 2rem;
	}

	.wrap-arrow .wrap-custom-swp__arrow {
		width: 20%;
		position: relative;
		height: 50px;
	}

	.wrap-txt {
		width: 85%;
		text-align: center;
		margin: 30px auto;
	}

	.swiper-pagination-fraction {
		font-size: 2rem;
		line-height: 2.6rem;
	}

	/* ------------------------ */
	/* ----- BS : Matching ---- */
	/* ------------------------ */
	.matching-footer {
		width: 100%;
		min-height: 300px;
		position: relative;
	}
	.wrp-matching-elem img {
		width: 50%;
	}

	/* ------------------------ */
	/* -- Promotion Content --- */
	/* ------------------------ */
	#promotions-content {
		width: 100%;
		padding: 80px 0;
	}
	#promotions-content .row-intro {
		width: 100%;
		margin: 0 0 80px 0;
		display: flex;
		flex-direction: column;
	}
	.wrap-row.spc-top {
		display: flex;
		flex-direction: row;
	}
	.spc-top .col-sidebar {
		width: 25%;
	}
	.spc-top .col-primary {
		width: 75%;
	}
	.content-inner {
		width: 100%;
		padding: 80px 0;
	}
	.content-inner p.spc {
		margin-bottom: 50px;
	}

	/* ------------------------ */
	/* --- Custom Show More --- */
	/* ------------------------ */
	.wrp-spc-activity .txt-container {
		height: 100px;
		margin-bottom: 30px;
	}
	#promotions-banner .txt-container {
		height: 100px;
	}
	.program-list .txt-container {
		height: 65px;
	}

	/* ------------------------ */
	/* ----- Office Space ----- */
	/* ------------------------ */
	.sidebar-title {
		position: relative;
	}
	.sidebar-title h2 {
		position: relative;
		z-index: 2;
	}
	.elem-sidebar-title {
		position: absolute;
		top: 37%;
		left: 0;
		width: 15%;
		z-index: 1;
	}
	.elem-sidebar-title2 {
		position: absolute;
        top: -10%;
        left: -41px;
        width: 75%;
        z-index: 1;
	}

}

@media only screen and (min-width: 767px) {
	/* ------------------------ */
    /* -------- Banner -------- */
    /* ------------------------ */
    .hero-banner__img.desktop_size,
	.hero-banner__img .desktop_size,
    .hero-banner__video.desktop_size,
	.bg-layer.desktop_size,
	.bg.desktop_size  {
        display: block;
    }
    .hero-banner__img.mobile_size,
	.hero-banner__img .mobile_size,
    .hero-banner__video.mobile_size,
	.bg-layer.mobile_size,
	.bg.mobile_size {
        display: none;
    }

	.fix-banner::after {
		content: "";
		width: 100%;
		height: 100%;
		padding-bottom: 48.44%;
	}

}

@media only screen and (min-width: 768px) {

	.banner-16-9 iframe {
		top: 0%;
		left: 0%;
		height: 100% !important;
		width: 100% !important;
		transform: translate(0, 0);
	}

	#event-banner.banner-yt-embed{
		height: 70vh;
	}
}

@media only screen and (min-width: 820px) {

}

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

}

@media only screen and (min-width: 1024px) {

    /* ------------------------ */
    /* -------- Header -------- */
    /* ------------------------ */
	.page-title {
		font-size: 3rem;
		line-height: 3.4rem;
	}
	.page-title sub {
		font-size: 1.6rem;
		line-height: 2.2rem;
		margin-bottom: 5px;
	}
	.page-title.column sub {
		margin-bottom: 20px;
	}
	.intro-section {
		font-size: 1.6rem;
		line-height: 2.2rem;
	}

	/* ------------------------ */
	/* - Service & Facilities - */
	/* ------------------------ */

	.freestyle-gallery {
		width: 100%;
		display: flex;
		flex-direction: column;
		margin: 50px 0;
	}

	.freestyle-row {
		width: 100%;
		display: flex;
		flex-direction: row;
	}
	.freestyle-row:last-child {
		min-height: 365px;
	}
	.freestyle-row .fsg-main-title {
		padding: 40px 0;
		text-transform: unset;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.freestyle-row .fsg-main-title p {
		display: inline-flex;
		flex-direction: row;
		align-items: center;
		width: 100%;
		text-align: center;
		justify-content: center;
		font-size: 3rem;
		margin-bottom: 10px;
	}
	.fsg-main-title p .txt-1 {
		width: auto;
		margin-right: 10px;
	}


	.fsg-elem {
		display: block;
	}

	.item-fsg.fsg-1 {
		width: 49%;
	}
	.item-fsg.fsg-2 {
		width: 32%;
		position: absolute;
		left: -18%;
		top: 16%;
	}
	.item-fsg.fsg-3 {
		width: 60%;
		position: absolute;
		top: 0;
		right: 2%;
	}
	.item-fsg.fsg-4 {
		width: 35%;
		position: absolute;
		top: -29%;
		left: 0;
	}
	.item-fsg.fsg-5 {
		width: 35%;
		position: absolute;
		top: 37%;
		left: 25%;
	}
	.item-fsg.fsg-6 {
		width: 48%;
		position: absolute;
		right: -11%;
		top: 26%;
	}
	.item-fsg.fsg-7 {
		width: 42%;
		position: absolute;
		top: -17%;
		right: 9%;
	}

	.item-fsg .fsg-title {
		font-size: 1.2rem;
	}
}

@media only screen and (min-width: 1280px) {

    /* ------------------------ */
    /* -------- Global -------- */
    /* ------------------------ */
	.page-title {
		font-size: 3rem;
		line-height: 3.4rem;
	}
	.page-title.column {
		display: flex;
		flex-direction: column;
	}
	.page-title sub {
		font-size: 1.275rem;
		line-height: 1.8rem;
		margin-bottom: 5px;
	}
	.page-title.column sub {
		margin-bottom: 20px;
	}

	.title-section {
		font-size: 2.971rem;
		line-height: 3.4rem;
	}

	.intro-section {
		font-size: 1.131rem;
		line-height: 1.6rem;
	}

	.sidebar-header {
		font-size: 1.752rem;
		line-height: 2.1rem;
	}
	.sidebar-header.group {
		width: 64%;
		display: flex;
		flex-direction: column;
	}
	.sidebar-header.group .highlight {
		font-size: 9.912rem;
		line-height: 9rem;
	}

	.title-wrap {
		font-size: 3.75rem;
		line-height: 4.2rem;
	}

	.mobile {
		display: none;
	}
	.desktop {
		display: block;
	}

	.read-more {
		font-size: 0.85rem;
	}

	.arrow-oblique {
		width: 75px;
		height: 75px;
	}

	.btn-plus {
		position: absolute;
		width: 50px;
		height: 50px;
		cursor: pointer;
		border-radius: 50%;
		visibility: hidden;
		opacity: 0;

		/* Mittig */
		top: 50%;
		left: 50%;
		transform: translate(-25px, -25px);
		transition: opacity 0.5s;
	}
	.btn-plus:after {
		content: '';
		position: absolute;
		transform: translate(-50%, -50%);
		height: 2px;
		width: 25%;
		top: 50%;
		left: 50%;
	}
	.btn-plus:before {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		height: 25%;
		width: 2px;
	}

	.btn-show {
		font-size: 1.131rem;
	}
	.expand-icon {
		display: block;
		height: 16px;
		width: 16px;
		margin-left: 10px;
	}
	.expand-icon::before,
	.expand-icon::after {
		content: "";
		width: 16px;
		height: 3px;
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		transition: all 0.15s cubic-bezier(.42, 0, .58, 1);
		opacity: 1;
		border-radius: 2px;
	}

	a.filter:not(.viewmore) {
		font-size: 1.131rem;
	}

	hr {
		margin: 50px 0;
	}

    /* ------------------------ */
    /* -------- Header -------- */
    /* ------------------------ */
    .header-desktop {
        display: block;
    }
    .header-mobile {
        display: none;
    }

	.wrap-search {
		width: 100%;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}

    .hero-banner__img::after,
    .hero-banner__video::after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        padding-bottom: 44.58%;
    }

    .wrap-slide-obj::after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        padding-bottom: 37.44%;
    }

    .wrap-slide-obj .line-layer {
        position: absolute;
        width: 110%;
        top: 10%;
        left: -20px;
        z-index: 2;
        opacity: 0;
    }
    .wrap-slide-obj .line-layer.ll1 {
        top: 0;
    }
    .wrap-slide-obj .line-layer.ll2 {
        top: 0;
    }
    .wrap-slide-obj .line-layer.ll3 {
        top: 0;
    }
    .wrap-slide-obj .line-layer.ll4 {
        top: 10%;
    }
    .wrap-slide-obj .line-layer.ll5 {
        top: 10%;
    }
    .path.st1,
    .path.st2,
    .path.st3,
    .path.st4,
    .path.st5 {
        stroke-width: 13;
    }

    .wrap-slide-obj .people-layer {
        position: absolute;
        bottom: 0;
        left: 5%;
		z-index: 3;
        width: 30%;

        transform: translateX(1em);
        transition: transform 4s ease;
    }
    .wrap-slide-obj .people-layer.pl1 {
        left: 7%;
        width: 32%;
    }
    .wrap-slide-obj .people-layer.pl2 {
        bottom: -20px;
        left: 43%;
        width: 28%;
    }
    .wrap-slide-obj .people-layer.pl3 {
        left: -1%;
        width: 41%;
    }
    .wrap-slide-obj .people-layer.pl4 {
        left: 43%;
        bottom: -5px;
        width: 38%;
    }
    .wrap-slide-obj .people-layer.pl5 {
        left: 15%;
        width: 35%;
        bottom: -5px;
    }
	.wrap-slide-obj .people-layer.pl1ex {
		right: 15.68%;
        width: 39%;
        left: unset;
	}
	.wrap-slide-obj .people-layer.pl2ex {
		left: 3%;
		width: 38.4%;
	}
	.wrap-slide-obj .people-layer.pl3ex {
		left: 6%;
		width: 39.5%;
		bottom: -5.5%;
	}


	.wrap-slide-obj .txt-layer {
		position: absolute;
		z-index: 4;
		width: 48%;
		transform: translateY(1em);
		transition: transform 4s ease;
	}
	.wrap-slide-obj .txt-layer.mobile__center-bottom {
		bottom: unset !important;
		left: unset !important;
		right: unset !important;
		top: unset !important;
	}
	.wrap-slide-obj .txt-layer.mobile__center-top {
		top: unset !important;
		left: unset !important;
		right: unset !important;
		bottom: unset !important;
	}

	.wrap-slide-obj .txt-layer.desktop__top-right {
		top: 20% !important;
		bottom: unset !important;
		right: 4% !important;
		left: unset !important;
	}
	.wrap-slide-obj .txt-layer.desktop__bottom-right {
		top: unset !important;
		bottom: 15% !important;
		right: 4% !important;
		left: unset !important;
	}
	.wrap-slide-obj .txt-layer.desktop__top-left {
		top: 20% !important;
		left: 5% !important;
	}
	.wrap-slide-obj .txt-layer.desktop__bottom-left {
		bottom: 15% !important;
		left: 5% !important;
	}
	.wrap-slide-obj .txt-layer.desktop__center {
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
	}

	.swiper-slide.swiper-slide-active .wrap-slide-obj .txt-layer.mobile__center-bottom {
		transform: unset !important;
	}
	.swiper-slide.swiper-slide-active .wrap-slide-obj .txt-layer.mobile__center-top {
		transform: unset !important;
	}

	.swiper-slide.swiper-slide-active .wrap-slide-obj .txt-layer.desktop__top-right,
	.swiper-slide.swiper-slide-active .wrap-slide-obj .txt-layer.desktop__top-left {
		transform: translateY(1.4em) !important;
	}
	.swiper-slide.swiper-slide-active .wrap-slide-obj .txt-layer.desktop__bottom-right,
	.swiper-slide.swiper-slide-active .wrap-slide-obj .txt-layer.desktop__bottom-left {
		transform: translateY(-1.4em) !important;
	}
	.swiper-slide.swiper-slide-active .wrap-slide-obj .txt-layer.desktop__center {
		transform: translate(-48%, -48%) !important;
	}


	.wrap-slide-obj .txt-layer .title-banner {
		font-size: 1.8rem;
		line-height: 2.2rem;
	}

	.wrap-slide-obj .txt-layer .title-banner br {
		display: none;
	}
	.wrap-slide-obj .txt-layer .sub-title-banner br {
		display: none;
	}

	/* ------------------------ */
	/* ----- IT Experience ---- */
	/* ------------------------ */

	.wrap-tagline {
		width: 75%;
		margin: 0 auto;
		padding: 100px 0;
	}
	.tagline {
		position: relative;
		margin-bottom: 30px;
	}
	.tagline h1 br {
		display: none;
	}
	.home-elem-1 {
		width: 13%;
		position: absolute;
		top: 0;
		right: 0;
	}

	.wrap-tagline .col-primary {
		width: 56%;
	}
	.wrap-tagline .col-primary p {
		margin-bottom: 20px;
	}

	.exp-h1 {
		font-size: 3.75rem;
		line-height: 4.9rem;
	}
	.exp-left-desc {
		width: 75%;
		font-size: 1.125rem;
		line-height: 1.75rem;
		margin-top: 14px;
	}
	.exp-right-desc {
		font-size: 1.5rem;
		line-height: 2rem;
		padding-right: 0px;
	}

	.wrap-workspace-companies {
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.wrap-space {
		width: 49.925%;
		overflow: hidden;
		position: relative;
	}

	.col-workspace,
	.col-companies {
		width: 100%;
		overflow: hidden;
		position: relative;
	}

	.col-workspace::after,
	.col-companies::after {
		content: "";
		width: 100%;
		height: 100%;
		display: block;
		padding-bottom: 75.23%;
	}

	.bg-counter {
		width: 100%;
		height: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		overflow: hidden;
	}
	.bg-counter::after {
		content: "";
		width: 100%;
		height: 100%;
		display: block;
		padding-bottom: 75.23%;
	}
	.bg-counter img {
		width: 110%;
		height: 110%;
		object-fit: cover;
	}

	.wrap-text-counter {
		width: 60%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		position: absolute;
		padding: 0;
	}
	.wrap-text-counter .bubble1 {
		content: "";
		display: block;
		width: 150px;
		height: 165px;
		position: absolute;
		top: -100px;
		right: -70px;
		border-radius: 50%;
		z-index: 1;
	}
	.wrap-text-counter .bubble2 {
		content: "";
		display: block;
		width: 70px;
		height: 76px;
		position: absolute;
		bottom: -50px;
		left: -43px;
		border-radius: 50%;
		z-index: 1;
	}
	.col-companies p,
	.col-workspace p {
		position: relative;
		z-index: 2;
		font-size: 2rem;
		line-height: 2.6rem;
		letter-spacing: -2px;
		text-transform: uppercase;
	}
	.col-companies p.highlight,
	.col-workspace p.highlight {
		font-size: 3.75rem;
		line-height: 4.2rem;
	}
	.col-companies .wrp-counter,
	.col-workspace .wrp-counter {
		font-size: 11.76rem;
		line-height: 10rem;
		letter-spacing: -8px;
		display: flex;
		justify-content: flex-start;
	}

	.col-companies .bg-companies {
		width: 100%;
		height: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		/* top: 25px; */
		overflow: hidden;
	}
	.col-companies .bg-companies::after {
		content: "";
		width: 100%;
		height: 100%;
		display: block;
		padding-bottom: 100%;
	}
	.col-companies .bg-companies img {
		width: 120%;
		height: 120%;
		object-fit: cover;
	}

	.space-desc {
		width: 100%;
		padding: 20px 50px 20px 120px;
	}
	.space-desc h2 {
		margin-bottom: 20px;
	}
	.space-desc__detail p {
		margin-bottom: 20px;
	}

	#event-banner {
		width: 100%;
		height: 70vh;
		overflow: hidden;
	}


	/* ------------------------ */
	/* ----- BS : Startup ----- */
	/* ------------------------ */

	.fix-banner {
		width: 100%;
		position: relative;
	}
	.fix-banner::after {
		content: "";
		width: 100%;
		height: 100%;
		padding-bottom: 48.44%;
	}
	.fix-banner::before,
	.fix-banner::before {
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 2;
		/* background-color: rgba(0, 0, 0, .3); */
	}
	.fix-banner img.bg {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		object-position: center;
		z-index: 1;
	}
	.fix-banner .txt-layer {
		color: var(--white);
		position: absolute;
		z-index: 4;
		width: auto;
	}
	.fix-banner .txt-layer.top-right {
		top: 20%;
		bottom: unset;
		right: 4%;
		left: unset;
	}
	.fix-banner .txt-layer.bottom-right {
		top: unset;
		bottom: 15%;
		right: 4%;
		left: unset;
		padding-right: 0;
	}
	.fix-banner .txt-layer.top-left {
		top: 20%;
		left: 5%;
	}
	.fix-banner .txt-layer.bottom-left {
		bottom: 15%;
		left: 15%;
	}
	.fix-banner .txt-layer.center {
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.fix-banner .txt-layer h1 {
		font-size: 2.25rem;
		line-height: 3rem;

		text-transform: uppercase;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.fix-banner .txt-layer .sub-title-banner {
		font-family: 'better_togetherbold';
		/* border-top: 1px solid rgba(255,255,255,0.8); */
		padding-top: 10px;
		width: 100%;
		letter-spacing: 0.5px;
	}

	.fix-elem-banner {
		position: absolute;
		top: 10%;
		left: 10%;
		z-index: 4;
		width: auto;
	}
	.fix-elem-banner p {
		color: var(--white);
		font-family: 'objektiv_mk1xbold', 'better_togetherbold', sans-serif;
	}
	.fix-elem-banner .elem-banner {
		width: 90%;
        height: auto;
        display: block;
        top: unset;
        bottom: -150px;
	}

	.elem-banner {
		display: block;
	}
	.top-right .elem-banner,
	.bottom-right .elem-banner {
		position: absolute;
        top: 7px;
        right: 110%;
        /* width: 25%; */
	}

	.top-right .elem-banner.matching,
	.bottom-right .elem-banner.matching {
		top: 7px;
		left: -35%;
		right: auto;
		width: 31%;
	}

	.top-left .elem-banner,
	.bottom-left .elem-banner {
		position: absolute;
        top: 7px;
        right: -27%;
        width: 25%;
	}

	.top-left .elem-banner.left,
	.bottom-left .elem-banner.left {
		position: absolute;
        top: 7px;
		left: -35%;
        width: 25%;
	}


	.sf-intro__wrp {
		width: 70%;
		margin: 0 auto;
		text-align: center;
		padding: 80px 0;
	}
	#about-intro .sf-intro__wrp p.sf-intro__subtitle {
		width: 60%;
	}
	.sf-intro__wrp.first {
		padding-top: 140px;
	}
	.sf-intro__wrp.second {
		padding-top: 100px;
	}

	.sf-title__wrp {
		width: 100%;
		margin-top: 50px;
		position: relative;
	}
	.sf-intro__subtitle {
		width: 85%;
		margin: 0 auto;
		padding-top: 20px;
	}
	.sf-title__elem_left {
        position: absolute;
        top: -16px;
        left: 0;
        width: 15%;
    }
	.sf-title__elem_right {
        position: absolute;
        top: -16px;
        right: 0;
        width: 15%;
    }
	.display-sf {
		margin-top: 20px;
	}

	.sf-grid__wrp {
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		column-gap: 8px;
		row-gap: 8px;
	}
	.sf-grid {
		cursor: pointer;
		position: relative;
		height: 250px;
	}
	.sf-grid.sf1 {
		width: 20%;
	}
	.sf-grid.sf2 {
		width: 31.5%;
	}
	.sf-grid.sf3 {
		width: 23%;
	}
	.sf-grid.sf4 {
		width: 23%;
	}

	.sf-grid.sf5 {
		width: 35%;
		height: 300px;
	}
	.sf-grid.sf6 {
		width: 40%;
		height: 300px;
	}
	.sf-grid.sf7 {
		width: 23%;
		height: 300px;
	}



	/* #bs-banner::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		padding-bottom: 44.58%;
	} */
	.headline-banner {
		width: 40%;
		position: absolute;
		left: 60px;
		bottom: 60px;
	}
	.headline-banner h1 {
		margin-bottom: 10px;
		font-size: 4.24rem;
		line-height: 4.24rem;
	}
	.sub-headline {
		font-size: 1.84rem;
		font-size: 2rem;
	}

	#bs-oureco {
		width: 100%;
		padding: 80px 0;
	}

	.bs-oureco-wrp {
		width: 100%;
		display: flex;
		flex-direction: column;
		text-align: center;
	}
	.bs-oureco-wrp h2 {
		margin-bottom: 25px;
	}

	.wrap-ecosystem {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		margin-top: 25px;
	}

	.item-ecosystem {
		position: relative;
		padding: 25px 0 10px 0;
		border-top: 1px solid var(--black);
		border-right: 1px solid var(--black);
	}
	.item-ecosystem::before {
		position: absolute;
		z-index: 2;
		top: -15px;
		right: -15px;
		content: "";
		width: 30px;
		height: 30px;
		display: block;
		border-radius: 50%;
		background-color: var(--white);
	}
	.item-ecosystem:last-child {
		border-right: unset;
	}

	.wrp-counter {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
	}
	.counter-desc {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.counter-desc .num-count {
		display: flex;
		flex-direction: row;
		align-items: center;
		margin-bottom: 10px;
	}
	.counter-desc .num-count span {
		font-size: 3.8rem;
		line-height: 4.5rem;
	}
	.counter-desc .txt-count {
		font-size: 1rem;
		letter-spacing: 0.32px;
	}

	.wrap-row {
		display: flex;
		flex-direction: row;
	}
	.col-sidebar {
		width: 25%;
	}
	.col-sidebar p {
		padding-right: 40px;
		padding-bottom: 0;
	}
	.col-primary {
		width: 75%;
	}

	.sidebar-elem-1 {
		position: absolute;
		width: 100%;
		top: 30px;
		left: -15px;
		display: block;
	}
	.sidebar-elem-2 {
		position: absolute;
		width: 45%;
		top: 240px;
		left: 0;
		display: block;
	}
	.sidebar-elem-3 {
		position: absolute;
		width: 45%;
		top: 47px;
		left: 100px;
		display: block;
		z-index: 1;
	}

	.wrap-row.spc {
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.wrap-row.spc .col-sidebar {
		width: 35%;
	}
	.wrap-row.spc .col-primary {
		width: 50%;
	}
	.wrap-row.spc .col-primary .box-conten-slide {
		width: 100%;
	}


	.wrap-startup-connect h2 {
		font-size: 3rem;
		line-height: 3.6rem;
	}

	.grid-startup {
		margin: 100px 0;
	}
	.item-grid-startup {
		width: 31%;
		border-radius: 25px;
		margin-bottom: 10px;
	}

	.startup-connect-list li a {
		font-size: 2.265rem;
		line-height: 3rem;

		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.startup-connect-list {
		margin-bottom: 150px;
	}

	.wrap-startup-connect {
		margin-top: 100px;
	}

	.bs-list.desktop {
		display: flex;
		flex-direction: row;
	}
	.bs-item-box {
		width: 25%;
	}
	.bs-item h4 {
		font-size: 1.7rem;
		line-height: 1.9rem;
	}
	.bs-item-desc p {
		/* font-size: 1.131rem;
		line-height: 1.6rem; */
	}

	/* ------------------------ */
	/* - BS : Startup Booster - */
	/* ------------------------ */
	.row-header {
		padding: 100px 0 50px 0;
	}
	.sub-breadcrumb {
		font-size: 1.485rem;
		line-height: 1.6rem;
		margin-top: 15px;
	}
	.sub-breadcrumb span {
		margin-right: 15px;
	}

	.banner-16-9::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		padding-bottom: 56.25%; /* 16:9 */
	}

	.banner-desc {
		margin: 100px 0 50px 0;
	}
	.banner-desc h2 br,
	.banner-desc h2 p {
		display: block;
	}

	.wrap-program {
		width: 100%;
		display: flex;
		flex-direction: column;
		padding: 50px 0;
	}
	/* .wrap-program.fst-year-detail {
		padding: 100px 0 50px 0;
	} */

	.program-list {
		width: 100%;
		padding: 50px 0;
	}
	.program-list.with-video {
		padding: 100px 0;
	}
	.program-list hr {
		margin: 50px 0;
	}

	.program-list p {
		margin-bottom: 50px;
	}
	.program-list p.txt-container {
		margin-bottom: 0;
	}
	.program-list .program-desc.custom p {
		/* font-size: 1.485rem;
		line-height: 2rem; */
		margin-bottom: 20px;
	}
	.program-list .program-desc {
		width: 100%;
		padding-right: 100px;
	}
	.program-list .program-desc ol {
		list-style: decimal;
		list-style-position: inside;
		padding-left: 10px;
		margin: 0;
	}
	.program-list .program-desc ol li {
		margin-bottom: 20px;
	}
	.program-list .program-desc.custom .list-column {
		width: 70%;
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
	}

	.program-gallery ul {
		display: flex;
		flex-direction: row;
	}
	.program-gallery ul li {
		margin-bottom: 0;
		margin-right: 10px;
		position: relative;
	}
	.program-gallery .swiper-slide::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		padding-bottom: 56.25%;
	}

	#core-partners {
		width: 100%;
		margin-top: 100px;
	}

	.full-width-video.img-parallax::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		padding-bottom: 56.25%;
	}

	/* ------------------------ */
	/* ------- BS : LTR ------- */
	/* ------------------------ */
	.wrap-txt-in-banner {
		position: absolute;
		bottom: unset;
		left: unset;
		right: 2%;
		top: 36%;
		width: 40%;
		z-index: 2;
	}
	.wrap-txt-in-banner a {
		font-size: 1.7rem;
		line-height: 2rem;
	}

	.banner-desc__space p {
		font-size: 1.485rem;
		line-height: 2rem;
	}
	.banner-desc__space {
		margin-bottom: 50px;
	}

	.sidebar-header.group {
		font-size: 1.7rem;
		line-height: 1.8rem;
		margin-bottom: 25px;
	}
	.sidebar-header.group .highlight {
		font-size: 9.912rem;
		line-height: 9rem;
	}
	.group-desc {
		padding-right: 150px;
		/* font-size: 1.275rem;
		line-height: 1.6rem; */
	}


	.visa-item {
		width: 100%;
		display: flex;
		flex-direction: column;
		margin-bottom: 80px;
	}
	.visa-item .visa-img {
		width: 100%;
		position: relative;
		margin-bottom: 30px;
	}
	.visa-item .visa-img::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		padding-top: 56.25%;
	}
	.visa-item .visa-img img {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		object-fit: cover;
	}
	.visa-item .visa-desc {
		width: 100%;
	}

	.group-special-rate .col-sidebar h3 {
		font-size: 2.265rem;
		line-height: 3rem;
	}
	.special-rate-desc {
		font-size: 1.485rem;
		line-height: 2rem;
	}
	.wrap-include h4 {
		font-size: 1.485rem;
		line-height: 2rem;
		margin-bottom: 20px;
	}
	.wrap-include ol li {
		font-size: 1.275rem;
		line-height: 1.6rem;
		margin-bottom: 5px;
	}

	.testimonial {
		width: 100%;
		margin: 100px 0;
	}
	.testimonial .quote {
		width: 80%;
		font-size: 2.265rem;
		line-height: 3rem;
		margin-bottom: 30px;
	}

	.list-number {
		width: 80%;
		margin: 50px 0;
		list-style: decimal;
		list-style-position: outside;
		padding-left: 10px;
		margin-left: 12px;
	}

	.wrp-form form {
		margin: 50px 0;
	}
	.remark {
		font-size: 1.275rem;
		line-height: 2rem;
		margin-top: 10px;
	}
	.asterisk {
		font-size: 2.75rem;
		position: relative;
		top: 15px;
	}
	.row-form input[type='text'],
	.row-form input[type='email'],
	.row-form input[type='tel'],
	.row-form textarea {
		font-size: 1.275rem;
		line-height: 2rem;
	}
	.row-form.require::after {
		content: "*";
		font-size: 1.4rem;
		display: block;
		position: absolute;
		top: 5px;
		right: 0;
		color: var(--black);
	}

	.row-form button[type='submit'] {
		font-size: 2.75rem;
    	line-height: 3.2rem;
	}

	/* ------------------------ */
	/* ---- BS : Corporate ---- */
	/* ------------------------ */
	.col-sidebar.have-obj {
		display: flex;
	}

	/* ------------------------ */
	/* - Service & Facilities - */
	/* ------------------------ */
	#banner-saf {
		width: 100%;
		/* margin: 50px 0 100px 0; */
	}
	.row-intro {
		width: 100%;
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	.col-40 {
		width: 40%;
		position: relative;
	}
	.col-40 h1 {
		display: flex;
		flex-direction: column;
		margin-bottom: 0;
	}
	.col-50 {
		width: 50%;
		position: relative;
	}
	.col-60 {
		width: 60%;
		display: flex;
		flex-direction: row;
		align-items: center;
		position: relative;
	}
	.col-full {
		width: 100%;
		text-align: center;
	}
	.sub-col {
		width: 50%;
		padding-right: 20px;
		padding-bottom: 0;
	}

	.freestyle-gallery {
		width: 100%;
		display: flex;
		flex-direction: column;
		margin: 100px 0;
	}

	.freestyle-row {
		width: 100%;
		display: flex;
		flex-direction: row;
	}
	.freestyle-row:last-child {
		min-height: 270px;
	}
	.freestyle-row .fsg-main-title {
		padding: 40px 0;
		text-transform: unset;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.freestyle-row .fsg-main-title p {
		display: inline-flex;
		flex-direction: row;
		align-items: baseline;
		width: 100%;
		text-align: center;
		justify-content: center;
		font-size: 4.525rem;
		line-height: 4.6rem;
	}
	.fsg-main-title p .txt-1 {
		width: auto;
		margin-right: 10px;
	}

	.fsg-elem {
		display: block;
	}


	.item-fsg.fsg-1 {
		width: 35%;
	}
	.item-fsg.fsg-2 {
		width: 35%;
		position: relative;
		top: 0;
		left: 0;
	}
	.item-fsg.fsg-3 {
		width: 60%;
		position: relative;
	}
	.item-fsg.fsg-4 {
		width: 30%;
		position: absolute;
		top: -50%;
		left: 0;
	}
	.item-fsg.fsg-5 {
		width: 30%;
		position: absolute;
		top: 40%;
		left: 25%;
	}
	.item-fsg.fsg-6 {
		width: 45%;
		position: absolute;
		right: -7%;
		top: 18%;
	}
	.item-fsg.fsg-7 {
		width: 28%;
		position: absolute;
		top: -15%;
		right: 9%;
	}

	.item-fsg .fsg-title {
		position: absolute;
		right: 0;
		bottom: -26px;
		font-size: 0.99rem;
	}


	.about-lay.freestyle-gallery {
		width: 100%;
		display: flex;
		flex-direction: column;
		margin: 0;
	}
	.about-lay .freestyle-row:first-child {
		width: 100%;
		min-height: 200px;
	}
	.about-lay .freestyle-row:last-child {
		min-height: 400px;
	}
	.about-lay.freestyle-gallery .fsg-main-title p {
		font-size: 2rem;
		line-height: 2.6rem;
	}
	.about-lay-bottom .item-fsg.fsg-1 {
		width: 45%;
		position: absolute;
		top: -15%;
		left: 0;
	}
	.about-lay-bottom .item-fsg.fsg-2 {
		width: 30%;
		position: absolute;
		top: -10%;
		right: 0%;
		left: unset;
	}
	.about-lay-bottom .item-fsg.fsg-3 {
		width: 45%;
		position: absolute;
		top: -45%;
		left: 0%;
	}
	.about-lay-bottom .item-fsg.fsg-4 {
		width: 45%;
		position: absolute;
		top: 14%;
    	left: 45%;
	}
	.about-lay-bottom .item-fsg.fsg-5 {
		width: 30%;
		position: absolute;
		top: 14%;
		right: 5%;
		left: unset;
	}

	.about-lay-bottom .item-fsg.fsg-1::after {
		padding-bottom: 100%;
	}
	.about-lay-bottom .item-fsg.fsg-2::after {
		padding-bottom: 100%;
	}
	.about-lay-bottom .item-fsg.fsg-3::after {
		padding-bottom: 100%;
	}
	.about-lay-bottom .item-fsg.fsg-4::after {
		padding-bottom: 100%;
	}
	.about-lay-bottom .item-fsg.fsg-5::after {
		padding-bottom: 100%;
	}

	.fsg-elem-1 {
		width: 94px;
		height: 41px;
		display: block;
		background-image: url('../images/08About/index/about-elem-2.png');
		margin-left: -95px;
		position: relative;
		z-index: -1;
	}
	.fsg-elem-2 {
		width: 88px;
		height: 35px;
		display: block;
		background-image: url('../images/08About/index/about-elem-1.png');
		margin-right: 10px;
	}
	.fsg-elem-3 {
		width: 46px;
		height: 45px;
		display: block;
		background-image: url('../images/08About/index/about-elem-5.png');
		margin-right: 10px;
	}
	.fsg-elem-4 {
		width: 138px;
		height: 45px;
		display: block;
		background-image: url('../images/08About/index/about-elem-4.png');
		margin-right: -160px;
		position: relative;
		z-index: -1;
	}

	/* ------------------------ */
	/* -- SF : Comu & Service - */
	/* ------------------------ */
	#comunity-service {
		width: 100%;
		margin: 150px 0 100px 0;
	}

	.grid-row__custom {
		width: 100%;
		display: grid;
		column-gap: 40px;
		grid-template-columns: 1fr 1fr;
		margin-bottom: 40px;
	}
	.grid-col__half {
		width: 100%;
		display: grid;
		column-gap: 40px;
		row-gap: 80px;
		grid-template-columns: 1fr 1fr;
	}
	.grid-col__half.one {
		grid-template-columns: 1fr;
	}

	.item-content {
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	.item-content__img {
		width: 100%;
		position: relative;
	}
	.item-content__img::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		padding-bottom: 101.08%;
	}

	.item-content__desc {
		margin-top: 30px;
	}
	.headline-desc {
		display: flex;
		flex-direction: row;
		margin-bottom: 20px;
	}
	.item-content__desc h3 {
		font-size: 2.265rem;
		line-height: 2.665rem;
	}
	.item-content__desc p {
		width: 100%;
		font-size: 1.131rem;
		line-height: 2.1rem;
	}

	.highlight .item-content__desc,
	.big .item-content__desc {
		margin-top: 50px;
	}
	.highlight .item-content__desc h3,
	.big .item-content__desc h3  {
		/* margin-bottom: 30px; */
	}
	.highlight .item-content__desc p {
		padding-right: 50px;
	}

	/* ------------------------ */
	/* --- SF : WS & Service -- */
	/* ------------------------ */
	#workspace-service {
		width: 100%;
		margin: 150px 0 100px 0;
	}

	/* ------------------------ */
	/* - SF : Sustainability -- */
	/* ------------------------ */
	#sustainability {
		width: 100%;
		margin: 150px 0 150px 0;
	}


	.sfa-parallax::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		padding-bottom: 41.79%;
	}


	.sfa-parallax__content {
		width: 45%;
		position: absolute;
		top: 200px;
		left: 100px;
		z-index: 2;
	}
	.sfa-parallax__content h2 {
		font-size: 3.75rem;
		line-height: 4.4rem;
	}
	.sfa-parallax__content sub {
		font-size: 1.275rem;
		line-height: 1.485rem;
		margin-bottom: 20px;
	}

	/* ------------------------ */
	/* ------ Recommended ----- */
	/* ------------------------ */
	#rec-banner {
		width: 100%;
		margin-bottom: 150px;
	}
	#rec-banner .row-intro {
		margin: 100px 0;
	}

	.rec-gallery {
		width: 150vw;
		height: 130vh;
		overflow: hidden;
	}

	.rec-gallery__row {
		display: flex;
		margin-bottom: 16px;
	}
	.size-row-st,
	.size-row-nd,
	.size-row-rd {
		flex: 1;
		position: relative;
		margin-right: 16px;
	}

	.row-header__slide {
		margin-bottom: 50px;
	}
	.wrap-custom-swp__arrow {
		width: 10%;
	}
	.featured-desc h3 {
		margin: 50px 0 30px 0;
	}
	.featured-desc .featured-desc__cat,
	.featured-desc .featured-desc__p {
		font-size: 1.131rem;
		line-height: 1.6rem;
	}
	.featured-desc .featured-desc__p {
		margin-bottom: 50px;
	}

	/* ------------------------ */
	/* -- Rec : Article main -- */
	/* ------------------------ */
	.wrap-custom-swp__arrow.for-article {
		text-align: right;
	}
	.wrap-custom-swp__arrow.for-article p {
		display: block;
	}

	.rec-highlight__grid {
		display: grid;
		column-gap: 40px;
		row-gap: 40px;
		grid-template-columns: 1fr 1fr 1fr;
	}

	.article-item__desc {
		width: 100%;
		margin: 50px 0;
	}
	.article-item__headline {
		display: flex;
		flex-direction: row;
		align-items: stretch;
	}
	.article-item__headline h3 {
		width: 73%;
		padding-right: 15px;
	}
	.article_item_cat {
		width: 27%;
		text-align: right;
		padding-top: 0;
		border-top: unset;
		border-left: 1px solid var(--black);
	}

	.article-item__detail {
		padding-right: 6rem;
		margin-bottom: 2.5rem;
	}


	/* ------------------------ */
	/* ----- Rec : Article ---- */
	/* ------------------------ */

	.article-page h1 {
		padding: 80px 0;
	}

	.article-gallery {
		width: 150vw;
		height: 95vh;
		transform: translateX(-20%);
		display: block;
		overflow: hidden;
	}
	.masonry {
		column-count: 4;
		column-gap: 26px;
		position: relative;
	}


	.masonry .brick {
		box-sizing: border-box;
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid;
		counter-increment: brick-counter;

		position: relative;
		margin-bottom: 26px;
		opacity: 1;
		-webkit-opacity: 1;
		transition: all 0.5s;
		z-index: 4;
	}
	.brick::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		padding-bottom: 70%;
	}
	.brick.blur-img {
		opacity: 0.3;
		-webkit-opacity: 0.3;
		z-index: 2;
	}
	.brick:hover .btn-plus {
		visibility: visible;
		opacity: 1;
	}

	.display-title {
		width: 45%;
		text-align: center;
		word-wrap: break-word;
		font-size: 6rem;
		line-height: 6.6rem;
		position: absolute;
		z-index: 10;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		opacity: 0;
		-webkit-opacity: 0;
		visibility: hidden;
		transition: all 0.5s;
	}

	/* ------------------------ */
	/* --- Rec : Article S1 --- */
	/* ------------------------ */
	#highlight-article {
		width: 100%;
		margin: 150px 0;
	}
	.article-page .row-header {
		width: 100%;
		display: flex;
		flex-direction: column;
		padding: 0 0 50px 0;
	}

	.highlight-article-grid {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.main-highlight {
		width: 56%;
	}
	.second-highlight {
		width: 42%;
	}

	.item-verti {
		width: 100%;
		display: flex;
		flex-direction: column;
		margin-bottom: 0;
	}
	.item-verti__img {
		width: 100%;
		position: relative;
	}
	.item-verti__img::after {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		padding-bottom: 66.67%;
	}
	.item-verti__desc {
		margin-top: 30px;
	}
	.item-verti__desc h3 {
		margin-bottom: 30px;
	}
	.item-verti__desc .cat {
		margin-bottom: 10px;
	}


	.item-hori {
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin-bottom: 12px;
	}
	.item-hori__img {
		width: 42%;
		position: relative;
	}
	.item-hori__img::after {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		padding-bottom: 66.59%;
	}

	.item-hori__desc {
		width: 55%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.item-hori__desc p {
		margin-bottom: 5px;
	}
	.hori__desc {
		width: 100%;
	}

	/* ------------------------ */
	/* --- Rec : Article S2 --- */
	/* ------------------------ */
	#articles {
		margin-bottom: 100px;
	}

	/* ------------------------ */
	/* ---- About : Awards ---- */
	/* ------------------------ */
	#awards-banner .intro {
		margin-bottom: 50px;
	}
	.row-award {
		width: 100%;
		margin: 50px 0 100px 0;
	}
	.row-award h2 br {
		display: block;
	}
	.award-img {
		width: 100%;
		margin: 50px 0;
		display: flex;
		justify-content: flex-start;
	}
	.award-img img {
		width: 40%;
		object-fit: contain;
	}
	.award-img.small img {
		width: 20%;
		object-fit: contain;
	}
	.award-img.medium img {
		width: 35%;
		object-fit: contain;
	}

	/* ------------------------ */
	/* --- About : Partners --- */
	/* ------------------------ */
	#partners-intro .intro {
		margin-bottom: 50px;
	}

	#partners {
		width: 100%;
		margin: 100px 0;
	}
	.grid-logo {
		width: 100%;
		display: grid;
		column-gap: 40px;
		row-gap: 40px;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
		margin-bottom: 100px;
	}

	/* ------------------------ */
	/* ---- About : Contact --- */
	/* ------------------------ */
	#contact-info {
		width: 100%;
		margin: 100px 0;
	}
	.contact-list {
		width: 70%;
		margin-top: 50px;
	}
	.contact-list li {
		display: flex;
		flex-direction: row;
		margin-bottom: 10px;
	}
	.contact-list li a {
		font-weight: bold;
	}
	.contact-list .contact-title {
		width: 20%;
	}



	.gray-form {
		width: 90%;
		margin: 50px 0 80px 0;
	}
	#form-section .row-form {
		width: 100%;
		margin-bottom: 15px;
		position: relative;
		display: flex;
		flex-direction: row;
	}
	#form-section .row-form label {
		width: 28%;
	}
	#form-section .row-form input[type='text'],
	#form-section .row-form input[type='email'],
	#form-section .row-form input[type='tel'],
	#form-section .row-form input[type='date'],
	#form-section .row-form textarea,
	.row-form .wrp-multi-select {
		width: 65% !important;
		font-size: 1.275rem;
		line-height: 2rem;
		padding: 10px 15px;
		border-bottom: unset;
	}
	#form-section .row-form textarea {
		min-height: 150px;
	}
	#form-section .row-form input[type='date'] {
		padding: 10px 15px;
	}
	#form-section .row-form input[type='text']:focus-visible,
	#form-section .row-form input[type='email']:focus-visible,
	#form-section .row-form input[type='tel']:focus-visible,
	#form-section .row-form textarea:focus-visible {
		border: unset;
		box-shadow: unset;
		outline: none;
		border-bottom: unset;
	}
	#form-section .row-form.require::after {
		content: "*";
		font-size: 1.4rem;
		display: block;
		position: absolute;
		top: 5px;
	}

	#form-section .row-form.last {
		width: 90%;
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		margin-top: 30px;
	}
	#form-section .row-form button[type='submit'] {
		width: 19%;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-end;
		text-transform: unset;
		position: relative;
	}
	#form-section .right-arrow-stick.stick {
		margin: 0 0 0 15px;
	}


	.wrp-multi-select label.radio {
		width: 100%;
	}


	.contact-map {
		width: 100%;
		min-height: 500px;
		position: relative;
	}

	/* ------------------------ */
	/* --------- About -------- */
	/* ------------------------ */
	#about-banner {
		width: 100%;
		padding-top: 80px
	}
	.about-page .row-header {
		display: flex;
		flex-direction: column;
		padding: 0 0 80px 0;
	}
	.wrp-right {
		width: 100%;
		display: flex;
		justify-content: end;
	}
	.wrp-right .row-header {
		width: 50%;
	}
	.about-page .row-header h1 {
		display: flex;
		flex-direction: column;
		margin-bottom: 5px;
		line-height: 1.4em;
	}
	.about-page .row-header h1 sub {
		margin-bottom: 15px;
	}
	.about-page .row-header .intro {
		width: 100%;
	}

	.about-list {
		width: 100%;
		margin: 50px 0;
		display: flex;
		flex-direction: row;
		justify-content: space-around;
	}
	.iconSwiper .ablut-list {
		display: none;
	}
	.about-list li {
		display: flex;
		align-items: baseline;
		justify-content: center;
		margin-bottom: 0;
		margin-right: 0;
	}
	.about-list li a {
		display: flex;
		align-items: flex-end;
	}

	.icon {
		display: block;
		width: 120px;
		height: 80px;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		transition: all 0.5s;
	}
	.icon.smart-city {
		width: 80px;
		background-image: url('../images/08About/index/about-icon-1.jpg');
	}
	.icon.business-opportunity {
		width: 110px;
		background-image: url('../images/08About/index/about-icon-2.jpg');
	}
	.icon.urban-greenery {
		width: 105px;
		background-image: url('../images/08About/index/about-icon-3.jpg');
	}
	.icon.vibrant-community {
		width: 135px;
		background-image: url('../images/08About/index/about-icon-4.jpg');
	}
	.icon.prime-location {
		width: 80px;
		background-image: url('../images/08About/index/about-icon-5.jpg');
	}

	/* ------------------------ */
	/* ------ About : Acc ----- */
	/* ------------------------ */
	#about-acc {
		width: 100%;
		margin-top: 100px;
	}
	#about-acc .accordion {
		margin-bottom: 100px;
	}
	#about-acc .accordion_intro {
		width: 100%;
		margin-bottom: 20px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	#about-acc .accordion_intro h2 {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		font-size: 1.6rem;
		line-height: 2rem;
		align-items: flex-start;
	}

	#about-acc .accordion_intro .icon.smart-city,
	#about-acc .accordion_intro .icon.business-opportunity,
	#about-acc .accordion_intro .icon.urban-greenery,
	#about-acc .accordion_intro .icon.vibrant-community,
	#about-acc .accordion_intro .icon.prime-location {
		width: 150px;
		height: 80px;
	}

	.acc-img-content {
		width: 80%;
		margin: 30px 0;
		position: relative;
	}

	#about-acc .accordion_content {
		padding: 50px 0;
	}
	#about-acc .display-title-mobile {
		display: none;
	}
	#about-acc .display-title {
		width: 140%;
		text-align: center;
		word-wrap: break-word;
		position: relative;
		z-index: 10;
		/* top: 40%; */
		top: 16%;
		left: 190%;
		transform: translate(-50%, -50%);
		opacity: 1;
		-webkit-opacity: 1;
		visibility: visible;

		display: flex;
		flex-direction: column;
	}
	#about-acc .display-title p {
		width: auto;
		font-size: 2rem;
		line-height: 2.6rem;
	}

	.box-conten-slide {
		width: 90%;
	}
	.wrap-arrow .wrap-custom-swp__arrow {
		width: 15%;
		position: relative;
		height: 50px;
	}

	.wrap-txt {
		width: 62%;
		text-align: center;
		margin: 50px auto;
	}

	#about-contact {
		width: 100%;
		margin-bottom: 100px;
	}
	#about-contact ul li {
		font-size: 1.5rem;
		line-height: 1.9rem;
	}
	.row-full {
		width: 100%;
		display: flex;
		flex-direction: row;
	}
	.col-half {
		width: 50%;
	}
	.col-half p {
		margin-bottom: 30px;
	}
	.col-half ul {
		width: 100%;
	}
	.col-half ul li {
		display: flex;
		margin-bottom: 20px;
	}
	.col-half .title {
		width: 15%;
	}


	/* ------------------------ */
	/* ----- BS : Matching ---- */
	/* ------------------------ */
	.matching-footer {
		width: 100%;
		min-height: 300px;
		position: relative;
	}
	.wrp-matching-elem {
		position: absolute;
		bottom: 0;
		right: 0;

		display: flex;
		flex-direction: row;
		justify-content: flex-end;
	}
	.wrp-matching-elem img {
		width: 50%;
	}

	/* ------------------------ */
	/* ------- Promotions ----- */
	/* ------------------------ */
	#promotions-banner {
		width: 100%;
		padding: 100px 0;
	}
	#promotions-banner .row-intro {
		width: 80%;
		margin: 0 auto 100px auto;
	}

	#promotions-banner .wrap-arrow .wrap-custom-swp__arrow {
		width: 10%;
		position: relative;
		height: 50px;
	}

	#promotions-banner #activity-heading{ padding-top:120px; background-position: center top; background-size:400px 139px; }
	#promotions-banner #activity-heading .icon-top-left,
	#promotions-banner #activity-heading .icon-top-right{ width:80px; top:15px; }

	#promotions-list {
		width: 100%;
		margin-bottom: 100px;
	}
	.row-filters {
		width: 50%;
		margin: 0 auto;
		text-align: center;
	}
	.row-filters h2 {
		margin-bottom: 30px;
	}
	.row-filters.content h2 {
		margin-bottom: 80px;
	}
	.wrp-filters {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		margin-bottom: 80px;
	}
	.wrp-filters span {
		font-size: 1.752rem;
		line-height: 2.1rem;
	}

	/* ------------------------ */
	/* -- Promotion Content --- */
	/* ------------------------ */
	#promotions-content {
		width: 100%;
		padding: 100px 0;
	}
	#promotions-content .row-intro {
		width: 100%;
		margin: 0 0 100px 0;
		display: flex;
		flex-direction: column;
	}
	.wrap-row.spc-top {
		display: flex;
		flex-direction: row;
	}
	.spc-top .col-sidebar {
		width: 25%;
	}
	.spc-top .col-primary {
		width: 75%;
	}
	.content-inner {
		width: 100%;
		padding: 100px 0;
	}
	.content-inner p.spc {
		margin-bottom: 50px;
	}

	/* ------------------------ */
	/* --- Custom Show More --- */
	/* ------------------------ */
	.wrp-spc-activity .txt-container {
		height: 100px;
		margin-bottom: 30px;
	}
	#promotions-banner .txt-container {
		height: 100px;
	}
	.program-list .txt-container {
		height: 70px;
	}

	.show-btn {
		font-size: 0.99rem;
		line-height: 1.4rem;
	}

	/* ------------------------ */
	/* ----- Office Space ----- */
	/* ------------------------ */
	.sidebar-title {
		position: relative;
	}
	.sidebar-title h2 {
		position: relative;
		z-index: 2;
	}
	.elem-sidebar-title {
		position: absolute;
		top: 37%;
		left: 0;
		width: 15%;
		z-index: 1;
	}
	.elem-sidebar-title2 {
		position: absolute;
		top: -20%;
		left: -53px;
		width: 49%;
		z-index: 1;
	}

	/* ------------------------ */
	/* -------- Footer -------- */
	/* ------------------------ */

	.desc-footer h3,
	.desc-footer p {
		font-size: 0.99rem;
		line-height: 1.4rem;
	}

	.nav-footer h3{ height:50px; }
}

@media only screen and (min-width: 1366px) {

	#form-section .row-form label{ margin-bottom:0; }
}

@media only screen and (min-width: 1440px) {

	.wrap-slide-obj .txt-layer .title-banner,
	.fix-banner .txt-layer h1 {
		font-size: 1.8rem;
		line-height: 2.2rem;
	}

	.wrap-slide-obj .txt-layer .sub-title-banner,
	.fix-banner .txt-layer .sub-title-banner {
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
	/*
	.wrap-slide-obj .txt-layer .title-banner br {
		display: block;
	}
	*/
}

@media only screen and (min-width: 1600px) {

	.wrap-slide-obj .txt-layer .title-banner,
	.fix-banner .txt-layer h1 {
		font-size: 2.2rem;
		line-height: 2.5rem;
	}

	.wrap-slide-obj .txt-layer .sub-title-banner,
	.fix-banner .txt-layer .sub-title-banner {
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
}

@media only screen and (min-width: 1920px) {

}

@media only screen and (min-width: 2500px) {


}