@media (min-width:320px) and (max-width:480px) {
	/*-------------------------
		The main container
	--------------------------*/

	.header {
		padding: 2rem 2rem;
		top: 2rem;
	}

	.header .brand img {
		width: auto;
		height: 8.8rem;
		display: inline-block;
		margin: auto;
	}

	.header .nav_wrap .nav,
	.is-visible .header .nav_wrap .nav {
		display: none;
	}

	.header .menuButton,
	.is-visible .header .menuButton {
		margin-left: 0;
	}

	.c-hamburger {
		width: 3.8rem;
		height: 3.8rem;
	}

	.c-hamburger span,
	.c-hamburger span::after,
	.c-hamburger span::before {
		height: .1rem;
	}

	.c-hamburger span {
		width: 2rem;
	}

	.main-menu .main-menu-wrap .main-menu-nav-wrap {
		width: 100%;
		padding: 10rem 2rem;
	}

	.main-menu .main-menu-wrap .main-menu-nav li.is-mobile {
		visibility: visible;
		margin-top: 0rem;
	}

	.main-menu .main-menu-wrap .main-menu-nav li a {
		font-size: 4rem;
		line-height: 1.3;
	}

	.main-menu .main-menu-wrap .main-menu-content-wrap {
		display: none;
	}

	/*.. END OF HEADER ..*/

	.hero-header {
		width: 100%;
		padding: 14rem 2rem 4rem;
	}

	.hero-header .breadcrumb {
		width: 100%;
	}

	.hero-header .breadcrumb li {
		font-size: 1.16rem;
	}

	.hero-header .hero-wrap {
		margin-top: 6rem;
	}

	.hero-header div[data-v-h1] {
		font-size: 1.76rem;
		margin-top: 3.6rem;
	}

	.hero-header div[data-v-h1] span:after {
		margin: 0rem .6rem;
	}

	.hero-header .hero-wrap .m_tx {
		width: 100%;
		line-height: 1.2;
		font-size: 2.72rem;
	}

	.hero-header .hero-wrap .l_tx {
		font-size: 3.2rem;
	}

	.hero-header .hero-wrap .xl_tx {
		font-size: 4.46rem;
		padding-right: 0;
		padding-left: 0;
	}

	.hero-header .hero-wrap .l-main,
	.hero-header .hero-wrap .xl-main {
		width: 100%;
		margin-top: 3rem;
	}

	.hero-header .hero-wrap .l-main p,
	.hero-header .hero-wrap .xl-main p {
		font-size: 1.82rem;
		line-height: 1.68;
	}

	.align-center[data-v1] {
		padding: 3rem 2rem 0;
	}

	.align-center[data-v2] {
		padding: 3rem 0 0;
	}

	.align-center[data-v1] .ac-block {
		height: 42.5vw;
	}

	.align-center[data-v2] .ac-block {
		height: 28rem;
	}

	div[data-v-hero] {
		height: 90vh;
	}

	.section {
		padding: 4rem 2rem;
	}

	.section[v-2-footer] {
		padding-bottom: 0;
	}

	.section.ptb {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}

	.b-plus {
		padding-bottom: 5rem;
	}

	.section .s-hd {
		font-size: 1.36rem;
		margin-bottom: 2rem;
	}

	.section .m-hd {
		font-size: 2.72rem;
	}

	.section .l-hd {
		font-size: 3rem;
	}

	.section .xl-hd {
		font-size: 4.46rem;
	}

	.section .in-wrap .m-hd.w,
	.section .in-wrap .xl-hd.w,
	.section .in-wrap .in-hd,
	.section .l-main {
		width: 100%;
	}

	.section .l-main {
		margin-top: 3rem;
	}

	.section .l-main p {
		font-size: 1.82rem;
		line-height: 1.68;
	}

	.section .grid {
		margin: 0 -2rem;
	}



	.section .grid .grid-2 {
		flex: 100%;
	}

	.section .grid .grid-2 .img__wrap {
		height: 18rem;
	}

	.section .grid .grid-2 .dsc__wrap {
		height: 14rem;
		padding: 0rem 2rem;
	}

	.section .grid .grid-2 .dsc__wrap .title {
		line-height: 1.2;
		font-size: 2.26rem;
		margin-bottom: 1rem;
	}

	.section .grid .grid-2 .dsc__wrap .ic {
		font-size: 1.86rem;
	}

	.section div[data-v-01] {
		margin-left: -2rem;
		margin-right: -2rem;
	}

	.section div[data-v-01] .slider .items [class$="-wrap"] {
		width: 100%;
	}

	.section div[data-v-01] .slider .items .i-wrap,
	.section div[data-v-01] .slider .items .i-wrap .img {
		height: 26.26rem;
	}

	.section div[data-v-01] .slider .items .o-wrap {
		height: auto;
	}

	.section div[data-v-01] .slider .items .o-wrap .o-wrap_inner {
		padding: 8rem 2rem 4rem;
	}

	.section div[data-v-01] .slider .items .o-wrap .o-wrap_inner .title {
		font-size: 2.8rem;
	}

	.section div[data-v-01] .slider .items .o-wrap .o-wrap_inner>div {
		margin-top: 4rem;
		margin-bottom: 4rem;
	}

	.section div[data-v-01] .slider .items .o-wrap .o-wrap_inner>div p {
		line-height: 1.46;
		font-size: 1.76rem;
	}

	.section div[data-v-01] .slider .owl-nav {
		width: 100%;
		padding: 0 2rem;
		left: 0rem;
		top: 26.26rem;
	}

	.section div[data-v-01] .slider-counter {
		left: calc(100% - 5rem);
		top: 26.26rem;
	}

	.section div[data-v-02] {
		padding-left: 0;
		padding-right: 0;
	}

	.section div[data-v-02] [data-v-2x] {
		width: 100%;
	}

	.section div[data-v-02] .content {
		height: auto;
		padding: 2rem;
	}

	.section div[data-v-02] .content div[data-v-0e14] {
		margin-bottom: auto;
	}

	.section div[data-v-02] .content .title {
		line-height: 1.2;
		font-size: 2.68rem;
		margin-bottom: 1.46rem;
	}

	.section div[data-v-02] .content p {
		line-height: 1.3;
		font-size: 1.64rem;
	}

	.section div[data-v-02]:not(:last-child) {
		margin-bottom: 3rem;
	}

	.section div[data-v-03] {
		padding-left: 0;
		margin-right: 0;
	}

	.section div[data-v-03] .page--title__rotate {
		display: block;
		transform: none;
		transform-origin: 0;
		margin-bottom: 3rem;
		position: relative;
		left: 0rem;
		top: 0;
	}

	.section div[data-v-03] .page--title__rotate .ltr {
		font-size: 2rem;
	}

	.section .i__wrap,
	.section .ic-wrap {
		width: auto;
		margin: 0 -2rem;
	}

	.section .i__wrap {
		height: 18rem;
		position: relative;
		right: 0rem;
		top: 0;
	}

	.section .ic-wrap {
		height: auto;
		padding: 3rem 2rem;
	}

	.section .ic-wrap .l-hd {
		font-size: 3.26rem;
	}

	.section .ic-wrap p {
		font-size: 1.68rem;
		margin: 2rem 0 3rem;
		line-height: 1.68;
	}

	.section [class*="v-align_"] {
		width: 100%;
	}

	.section .v-align_l {
		padding: 0 0 3rem;
		margin-left: 0;
	}

	.section .v-align_l li .m-hd {
		font-size: 1.68rem;
		margin-bottom: 1rem;
	}

	.section .v-align_l li .li {
		font-size: 1.46rem;
	}

	.section .v-align_l li:not(:last-child) {
		margin-bottom: 2rem;
	}

	.section .v-align_s {
		margin-right: 0;
		padding: 3rem 2rem;
	}

	.section .v-align_s .m-hd {
		font-size: 2.2rem;
		margin-bottom: 2rem;
	}

	.section .v-align_s p {
		font-size: 1.68rem;
	}

	.section .v-align_s .in-cta {
		margin-top: 4rem;
	}

	.section .in-wrap+.inco-dm {
		margin-top: 4rem;
	}

	.section .inco-dm[data-v2] blockquote {
		padding-left: 4rem;
	}

	.section .inco-dm[data-v2] p {
		font-size: 2.6rem;
		line-height: 1.2;
	}

	.section .inco-dm[data-v2] blockquote i {
		font-size: 5.6rem;
		left: 0;
	}

	.section .inco-dm[data-v3] {
		padding: 0;
	}

	.section .inco-dm[data-v3] p {
		font-size: 1.68rem;
		line-height: 1.68;
	}

	.section .in-wrap+.in-offset {
		margin-top: 3rem;
	}

	.section .in-offset .in-offset_wrap:not(:last-child) {
		margin-bottom: 3rem;
	}

	.section .in-offset .in-offset_wrap aside {
		width: 100%;
		display: block;
		padding-top: 0rem;
	}

	.section .in-offset .in-offset_wrap aside .button {
		font-size: 2.2rem;
		line-height: 1;
	}

	.section .in-offset .in-offset_wrap aside .button:not(:last-child) {
		margin-bottom: 3rem;
	}

	.section .in-offset .in-offset_wrap .in-md_wrap {
		width: calc(100% + 4rem);
		display: none;
		padding: 8rem 2rem 4rem;
		margin: 0 -2rem;
	}

	.section .in-offset .in-offset_wrap .in-md_wrap .close {
		width: 4rem;
		display: block;
		font-size: 4rem;
		color: var(--light-text);
		background: var(--dark-bg);
		text-align: center;
		line-height: 4rem;
		position: absolute;
		right: 2rem;
		top: 0rem;
	}

	.section .in-offset .in-offset_wrap .in-md_wrap .close:after {
		content: '\00D7';
	}

	.section .in-offset .in-offset_wrap .in-md_wrap .md-h {
		line-height: 1;
		font-size: 2.76rem;
	}

	.section .in-offset .in-offset_wrap .in-md_wrap .sm-dsc {
		display: block;
		margin-top: 3rem;
		margin-bottom: 4rem;
	}

	.section .in-offset .in-offset_wrap .in-md_wrap .sm-dsc p {
		font-size: 1.68rem;
		line-height: 1.46;
	}

	.section .in-offset .in-offset_wrap .in-md_wrap .sm-dsc p:not(:last-child) {
		margin-bottom: 2.6rem;
	}

	.section .in-offset .in-offset_wrap .in-md_wrap .sm-dsc ul li {
		display: block;
		line-height: 1.3;
		font-size: 1.68rem;
		padding-left: 2.8rem;
		position: relative;
	}

	.section .in-offset .in-offset_wrap .in-md_wrap .sm-dsc ul li:before {
		content: '';
		width: 1.6rem;
		height: 1px;
		background: var(--background);
		display: inline-block;
		position: absolute;
		left: 0rem;
		top: .05rem;
	}

	.section .in-offset .in-offset_wrap .in-md_wrap .sm-dsc ul li:not(:last-child) {
		margin-bottom: 1.6rem;
	}

	.section .in-offset .in-offset_wrap .sm-l {
		width: 22%;
		font-weight: 500;
		font-size: 2.64rem;
		text-transform: capitalize;
	}

	.section .in-offset .in-offset_wrap .in-sm_wrap {
		width: 78%;
	}

	.section .in-offset .in-offset_wrap .in-sm_wrap .sm-img {
		width: 22.5%;
	}

	.section .in-offset .in-offset_wrap .in-sm_wrap .sm-img img {
		width: 100%;
		position: relative;
	}

	.section .in-offset .in-offset_wrap .in-sm_wrap .sm-img:not(:nth-child(4n)) {
		margin-right: 3.33%;
	}

	.section .in-offset .in-offset_wrap .in-sm_wrap .sm-img:nth-child(n+5) {
		margin-top: 2rem;
	}

	/*-- Slider --*/
	.slider .items[data-v12] {
		height: 90vh;
	}

	.slider .items[data-v12] .caption {
		width: auto;
		padding: 2rem;
		bottom: 5rem;
		right: 2rem;
		left: 2rem;
	}

	.slider .items[data-v12] .caption .title {
		line-height: 1.2;
		font-size: 1.86rem;
	}

	.slider .items[data-v12] .caption .desc {
		line-height: 1;
		font-size: 1.48rem;
	}

	.slider .items .i-wrap,
	.slider .items .i-wrap .img {
		height: 28rem;
	}

	.slider .owl-nav {
		width: auto;
		height: 5rem;
		padding: 0 2rem;
		right: 2rem;
		left: 2rem;
		top: calc(100% - 5rem);
	}

	.slider .owl-nav [class*='owl-'] {
		width: auto;
		height: 5rem;
		line-height: 5rem;
	}

	.slider .owl-nav [class*='owl-'] span {
		font-size: 2.2rem;
	}

	.slider .owl-nav [class*='owl-']:not(:last-child) {
		margin-right: 1rem;
	}

	.slider-counter {
		font-size: 2rem;
		line-height: 5rem;
		left: calc(100% - 7rem);
		top: calc(100% - 5rem);
	}

	/*-- Other Elements --*/
	.animated {
		visibility: visible !important;
		animation-duration: 0ms !important;
	}

	/* .owl-item.animated {
		visibility: visible;
	} */
	.fadeOut {
		animation-name: fadeOut;
	}

	.in-cta {
		line-height: 2.36;
		padding-right: 2rem;
		padding-left: 2rem;
	}

	.in-cta .tx {
		font-size: 1.64rem;
	}

	.in-cta .ic {
		font-size: 2rem;
		margin-left: 1.2rem;
	}


	/*-- FOOTER --*/

	.footer .in-wrap_nav .col-md {
		width: 100%;
		padding: 5rem 2rem 4rem;
		border-bottom: 1px solid var(--grey);
		border-right: 0;
	}

	.footer .in-wrap_nav .col-md .logo img {
		height: 8.8rem;
	}

	.footer .in-wrap_nav .col-lg {
		width: 100%;
		padding: 4rem 2rem 5rem;
		border-right: 0;
	}

	.footer .in-wrap_nav .col-lg .list-sm {
		width: 48%;
	}
	
	.footer .in-wrap_nav .col-lg .list-sm .m-hd {
		font-size: 1.68rem;
		margin-bottom: 1.46rem;
	}

	.footer .in-wrap_nav .col-lg .list-sm .list_wrap a,
	.footer .in-wrap_nav .col-md .list-sm .list_wrap .a {
		font-size: 1.486rem;
	}

	.footer .in-wrap_nav .col-lg .list-sm .list_wrap a:not(:last-child),
	.footer .in-wrap_nav .col-md .list-sm .list_wrap .a:not(:last-child) {
		margin-bottom: 1.62rem;
	}

	.footer .in-wrap_nav .col-lg .list-sm:nth-child(n+3) {
		margin-top: 5rem;
	}
}

@media (min-width:960px) and (max-width:1479px) {}

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