@charset "utf-8";
/* Table of Contents
==================================================
	#Desktop (1600)
	#Desktop (1366)
	#Desktop (1024)
	#Tablet (Portrait)
	#Mobile (Portrait)
	#Mobile (Landscape)

/* #Additional - Large Screens beyond 1920px
================================================== */
@media only screen and (min-width: 1700px) and (max-width: 2100px) {

:root										{ --container-width: 1170px; }
.container                                  { max-width: 1170px; }

}

/* #Additional - Large Screens beyond 1600px
================================================== */
@media only screen and (min-width: 1367px) and (max-width: 1600px) {

:root										{ --container-width: 1170px; }
.container                                  { max-width: 1170px; }

/*----------------- Other Blocks -----------------*/
#sliderList .slider-list__slider			{ width: 100%; }

}

/* #Additional - Large Screens beyond 1366px
================================================== */
@media only screen and (min-width: 1180px) and (max-width: 1366px) {

:root										{ --container-width: 1170px; }
.container                                  { max-width: 1170px; }

/*----------------- Inner Pages -----------------*/


/*----------------- Other Blocks -----------------*/
#sliderList .slider-list__slider			{ width: 100%; }

}



/* #iPad Pro - Large Screens beyond 1024px
================================================== */
@media only screen and (min-width: 959px) and (max-width: 1180px) {

:root										{ --container-width: 960px; }
.container									{ max-width: 960px; }

#header .rightNav ul						{ grid-gap: 15px; }
#header .rightNav ul li.button a			{ padding: 10px 15px; }
#slider, #slider .home-slider, #slider .owl-stage-outer, #slider .owl-stage, #slider .owl-item { height: auto; }
#slider .home-slider .owl-dots				{ right: 30px; }
#caption									{ width: 90%; }
#caption .title								{ font-size: 40px; line-height: 40px; }
#caption .subtitle							{ font-size: 14px; line-height: 20px; }

#scrollDown									{ bottom: 30px; left: calc(0px - var(--container-padding) + 10px); }
#benefitsSec .topContent h2					{ font-size: 50px; line-height: 60px; }
#benefitsSec .topContent p					{ font-size: 16px; line-height: 26px; }
#benefitsSec .benefits-slider .owl-nav		{ display: flex; justify-content: center; grid-gap: 20px; position: static; margin-top: 8px; }
#benefitsSec .benefits-slider .owl-nav [class*=owl-] { position: static; }


/*----------------- Inner Pages -----------------*/
#innerBanner, #innerBanner .inner-slider, #innerBanner .owl-stage-outer, #innerBanner .owl-stage, #innerBanner .owl-item, #slider,
#slider .home-slider,
#slider .owl-stage-outer,
#slider .owl-stage,
#slider .owl-item { height: 46vh; }

/*----------------- Other Blocks -----------------*/
#discoverSec span.verticalTitle				{ font-size: 13px; left: 4px; transform: translateX(0) translateY(-50%) rotate(-180deg); }
#discoverSec .discover .content h1			{ font-size: 50px; line-height: 80px; }
#discoverSec .discover .content h2			{ font-size: 18px; line-height: 23px; }
#discoverSec .discover .content p			{ font-size: 16px; line-height: 26px; }
#sliderList span.verticalTitle			{ font-size: 13px; left: 4px; transform: translateX(0) translateY(-50%) rotate(-180deg); }
#sliderList .topContent h1				{ font-size: 50px; line-height: 60px; }
#sliderList .topContent p				{ font-size: 16px; line-height: 26px; }
#sliderList .slider-list__slider			{ width: 100%; }
#interestSec span.verticalTitle				{ font-size: 13px; left: 4px; transform: translateX(0) translateY(-50%) rotate(-180deg); }
#interestSec .topContent h2					{ font-size: 50px; line-height: 60px; }
#interestSec .topContent p					{ font-size: 16px; line-height: 26px; }
#interestSec .interest-slider .info h3		{ font-size: 25px; line-height: 30px; }
#interestSec .interest-slider .info p		{ font-size: 16px; line-height: 26px; }

}



/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

:root										{ --container-width: 100%; }
.container									{ max-width: 100%; padding: 0 15px; }

#header										{ padding: 15px 15px; }
#header .leftNav .hamburger					{ display: block; }
#header .main-menu							{ display: none; }
#header .leftNav .hamburger #nav-btn, #header .leftNav .hamburger #nav-btn + label { width: 50px; height: 50px; }
#header .leftNav .languageMenu				{ display: none; }
#header .leftNav .phoneIcon					{ display: none; }
#header .rightNavMobile						{ display: flex; }
#header .rightNav							{ display: none; }
#slider, #slider .home-slider, #slider .owl-stage-outer, #slider .owl-stage, #slider .owl-item { width: 100%; height: auto; }
#slider .home-slider .desktop				{ display: none; }
#slider .home-slider .tablet				{ display: block; }
#slider .home-slider .owl-dots				{ width: auto; top: auto; transform: translateY(0%); bottom: 90px; right: 15px; left: 15px; }
#slider .home-slider .owl-dots .owl-dot		{ width: 32px; height: 32px; margin: 0 5px; }
#slider .home-slider .owl-dots .owl-dot:first-child { margin-top: 0; margin-left: 0; }
#slider .home-slider .owl-dots .owl-dot:last-child { margin-bottom: 0; margin-right: 0; }
#slider .home-slider .owl-dots .owl-dot.active { margin-top: 0; }
#slider .home-slider .owl-dots .owl-dot:before, #slider .home-slider .owl-dots .owl-dot:after { display: none; }
#slider .home-slider .owl-dots .owl-dot span { width: 8px; height: 8px; }
#caption									{ width: calc(90% - 30px); }
#caption .title								{ font-size: 35px; line-height: 35px; }
#caption .subtitle							{ font-size: 14px; line-height: 20px; }
#caption .subtitle br						{ display: none; }

#scrollDown									{ bottom: 84px; left: calc(0px - var(--container-padding) + 10px); }
#benefitsSec								{ padding-top: 70px; padding-bottom: 70px; }
#benefitsSec .topContent					{ width: 100%; }
#benefitsSec .topContent h2					{ font-size: 40px; line-height: 50px; }
#benefitsSec .topContent p					{ font-size: 16px; line-height: 26px; }
#benefitsSec .benefits-slider .owl-nav		{ display: flex; justify-content: center; grid-gap: 20px; position: static; margin-top: 8px; padding: 0 15px; }
#benefitsSec .benefits-slider .owl-nav [class*=owl-] { position: static; }

/*----------------- Inner Pages -----------------*/
#innerBanner, #innerBanner .inner-slider, #innerBanner .owl-stage-outer, #innerBanner .owl-stage, #innerBanner .owl-item { width: 100%; height: auto; }
#innerBanner .inner-slider .desktop			{ display: none; }
#innerBanner .inner-slider .tablet			{ display: block; }
#innerBanner .inner-slider .owl-dots		{ width: auto; top: auto; transform: translateY(0%); bottom: 90px; right: 15px; left: 15px; }
#innerBanner .inner-slider .owl-dots .owl-dot { width: 32px; height: 32px; margin: 0 5px; }
#innerBanner .inner-slider .owl-dots .owl-dot:first-child { margin-top: 0; margin-left: 0; }
#innerBanner .inner-slider .owl-dots .owl-dot:last-child { margin-bottom: 0; margin-right: 0; }
#innerBanner .inner-slider .owl-dots .owl-dot.active { margin-top: 0; }
#innerBanner .inner-slider .owl-dots .owl-dot:before, #innerBanner .inner-slider .owl-dots .owl-dot:after { display: none; }
#innerBanner .inner-slider .owl-dots .owl-dot span { width: 8px; height: 8px; }

/*----------------- Other Blocks -----------------*/
#discoverSec								{ padding-top: 70px; padding-bottom: 70px; }
#discoverSec span.verticalTitle				{ display: none; }
#discoverSec .discover						{ align-items: flex-start; }
#discoverSec .discover .image				{ width: 50%; margin-left: 9%; padding-top: 95px; padding-bottom: 70px; }
#discoverSec .discover .content				{ width: 41%; padding-left: 30px; }
#discoverSec .discover .content h1			{ font-size: 50px; line-height: 60px; }
#discoverSec .discover .content h2			{ margin: 0 0 20px 0; font-size: 17px; line-height: 22px; }
#discoverSec .discover .content p			{ font-size: 16px; line-height: 26px; }
#discoverSec .discover .content a.button	{ margin-top: 0px; padding: 10px 15px; }


#sliderList								{ padding-top: 70px; padding-bottom: 70px; }
#sliderList span.verticalTitle			{ display: none; }
#sliderList .topContent					{ width: 100%; }
#sliderList .topContent h1				{ font-size: 40px; line-height: 50px; }
#sliderList .topContent p				{ font-size: 16px; line-height: 26px; }
#sliderList .slider-list__slider			{ width: 100%; padding-bottom: 60px; }
#sliderList .slider-list__slider .owl-stage-outer { width: 100%; }
#sliderList .slider-list__slider .item .info { top: 15px; bottom: 15px; right: 15px; left: 15px; }
#sliderList .slider-list__slider .item .info span.icon { width: 45px; height: 45px; }
#sliderList .slider-list__slider .item .info span.name { font-size: 16px; line-height: 16px; }
#sliderList .slider-list__slider .owl-dots { right: 0; left: 0; }
#sliderList .slider-list__slider .owl-dots .owl-dot { width: 32px; height: 32px; margin: 0 5px; }
#sliderList .slider-list__slider .owl-dots .owl-dot:first-child { margin-left: 0; }
#sliderList .slider-list__slider .owl-dots .owl-dot:last-child { margin-right: 0; }
#sliderList .slider-list__slider .owl-dots .owl-dot:before, #sliderList .slider-list__slider .owl-dots .owl-dot:after { display: none; }
#sliderList .slider-list__slider .owl-dots .owl-dot span { width: 8px; height: 8px; }
#interestSec								{ padding-top: 70px; padding-bottom: 70px; }
#interestSec span.verticalTitle				{ display: none; }
#interestSec .topContent					{ width: 100%; }
#interestSec .topContent h2					{ font-size: 40px; line-height: 50px; }
#interestSec .topContent p					{ font-size: 16px; line-height: 26px; }
#interestSec .interest-slider				{ padding-bottom: 60px; }
#interestSec .interest-slider .info			{ padding: 15px; }
#interestSec .interest-slider .info h3		{ font-size: 22px; line-height: 27px; }
#interestSec .interest-slider .info p		{ margin: 10px 0 0 0; font-size: 16px; line-height: 26px; }
#interestSec .interest-slider .owl-dots { right: 0; left: 0; }
#interestSec .interest-slider .owl-dots .owl-dot { width: 32px; height: 32px; margin: 0 5px; }
#interestSec .interest-slider .owl-dots .owl-dot:first-child { margin-left: 0; }
#interestSec .interest-slider .owl-dots .owl-dot:last-child { margin-right: 0; }
#interestSec .interest-slider .owl-dots .owl-dot:before, #interestSec .interest-slider .owl-dots .owl-dot:after { display: none; }
#interestSec .interest-slider .owl-dots .owl-dot span { width: 8px; height: 8px; }

}



/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {

:root										{ --container-width: 100%; }
.container									{ max-width: 100%; padding: 0 15px; }

#header										{ padding: 15px 15px; }
#header .logo								{ width: 130px; }
#header .leftNav .hamburger					{ display: block; }
#header .main-menu							{ display: none; }
#header .leftNav .hamburger #nav-btn, #header .leftNav .hamburger #nav-btn + label { width: 50px; height: 50px; }
#header .leftNav .hamburger nav				{ width: 100%; }
#header .leftNav .hamburger nav .nav_middle { grid-gap: 30px; padding: 90px 15px 60px 15px; }
#header .leftNav .languageMenu				{ display: none; }
#header .leftNav .phoneIcon					{ display: none; }
#header .rightNavMobile						{ display: flex; }
#header .rightNav							{ display: none; }
#slider, #slider .home-slider, #slider .owl-stage-outer, #slider .owl-stage, #slider .owl-item { width: 100%; }
#slider .home-slider .desktop				{ display: none; }
#slider .home-slider .mobile				{ display: block; }
#slider .home-slider .owl-dots				{ width: auto; top: auto; transform: translateY(0%); bottom: 90px; right: 15px; left: 15px; }
#slider .home-slider .owl-dots .owl-dot		{ width: 32px; height: 32px; margin: 0 5px; }
#slider .home-slider .owl-dots .owl-dot:first-child { margin-top: 0; margin-left: 0; }
#slider .home-slider .owl-dots .owl-dot:last-child { margin-bottom: 0; margin-right: 0; }
#slider .home-slider .owl-dots .owl-dot.active { margin-top: 0; }
#slider .home-slider .owl-dots .owl-dot:before, #slider .home-slider .owl-dots .owl-dot:after { display: none; }
#slider .home-slider .owl-dots .owl-dot span { width: 8px; height: 8px; }
#caption									{ width: calc(85% - 30px); }
#caption .title								{ font-size: 35px; line-height: 35px; }
#caption .subtitle							{ font-size: 14px; line-height: 20px; }
#caption .subtitle br						{ display: none; }

#scrollDown									{ bottom: 84px; left: calc(0px - var(--container-padding) + 10px); display: none; }
#benefitsSec .topContent					{ width: 100%; margin-bottom: 15px; }
#benefitsSec .topContent h2 br				{ display: none; }
#benefitsSec .topContent p					{ line-height: 26px; }
#benefitsSec .benefits-slider .owl-nav		{ display: flex; justify-content: center; grid-gap: 20px; position: static; margin-top: 8px; padding: 0 15px; }
#benefitsSec .benefits-slider .owl-nav [class*=owl-] { position: static; }

/*----------------- Inner Pages -----------------*/
#innerBanner, #innerBanner .inner-slider, #innerBanner .owl-stage-outer, #innerBanner .owl-stage, #innerBanner .owl-item { width: 100%; }
#innerBanner .inner-slider .desktop			{ display: none; }
#innerBanner .inner-slider .mobile			{ display: block; }
#innerBanner .inner-slider .owl-dots		{ width: auto; top: auto; transform: translateY(0%); bottom: 90px; right: 15px; left: 15px; }
#innerBanner .inner-slider .owl-dots .owl-dot { width: 32px; height: 32px; margin: 0 5px; }
#innerBanner .inner-slider .owl-dots .owl-dot:first-child { margin-top: 0; margin-left: 0; }
#innerBanner .inner-slider .owl-dots .owl-dot:last-child { margin-bottom: 0; margin-right: 0; }
#innerBanner .inner-slider .owl-dots .owl-dot.active { margin-top: 0; }
#innerBanner .inner-slider .owl-dots .owl-dot:before, #innerBanner .inner-slider .owl-dots .owl-dot:after { display: none; }
#innerBanner .inner-slider .owl-dots .owl-dot span { width: 8px; height: 8px; }

/*----------------- Other Blocks -----------------*/
#discoverSec span.verticalTitle				{ display: none; }
#discoverSec .discover						{ flex-direction: column; }
#discoverSec .discover .image				{ width: 100%; margin-left: 0; padding-top: 0; padding-bottom: 50px; }
#discoverSec .discover .content				{ width: 100%; padding: 30px 0 0 0; }
#discoverSec .discover .content h1			{ width: 100%; font-size: 30px; line-height: 40px; position: static; }
#discoverSec .discover .content h2			{ margin: 0 0 20px 0; font-size: 17px; line-height: 22px; }
#discoverSec .discover .content p			{ font-size: 16px; line-height: 26px; }
#discoverSec .discover .content a.button	{ margin-top: 0px; padding: 10px 15px; }


#sliderList span.verticalTitle			{ display: none; }
#sliderList .topContent					{ width: 100%; margin-bottom: 15px; }
#sliderList .topContent h1				{ line-height: 40px; }
#sliderList .topContent p				{ line-height: 26px; }
#sliderList .slider-list__slider			{ width: calc(100% + 30px); margin-left: -15px; padding-bottom: 40px; }
#sliderList .slider-list__slider .owl-stage-outer { width: 100%; }
#sliderList .slider-list__slider .item .info { top: 15px; bottom: 15px; right: 15px; left: 15px; }
#sliderList .slider-list__slider .item .info span.icon { width: 45px; height: 45px; }
#sliderList .slider-list__slider .item .info span.name { font-size: 16px; line-height: 16px; }
#sliderList .slider-list__slider .owl-dots { right: 15px; left: 15px; }
#sliderList .slider-list__slider .owl-dots .owl-dot { width: 32px; height: 32px; margin: 0 5px; }
#sliderList .slider-list__slider .owl-dots .owl-dot:first-child { margin-left: 0; }
#sliderList .slider-list__slider .owl-dots .owl-dot:last-child { margin-right: 0; }
#sliderList .slider-list__slider .owl-dots .owl-dot:before, #sliderList .slider-list__slider .owl-dots .owl-dot:after { display: none; }
#sliderList .slider-list__slider .owl-dots .owl-dot span { width: 8px; height: 8px; }
#interestSec								{ padding-top: 50px; padding-bottom: 50px; }
#interestSec span.verticalTitle				{ display: none; }
#interestSec .topContent					{ width: 100%; margin-bottom: 15px; }
#interestSec .topContent h2					{ font-size: 30px; line-height: 40px; }
#interestSec .topContent p					{ font-size: 16px; line-height: 26px; }
#interestSec .interest-slider				{ padding-bottom: 40px; }
#interestSec .interest-slider .info			{ padding: 15px; }
#interestSec .interest-slider .info h3		{ font-size: 20px; line-height: 25px; }
#interestSec .interest-slider .info p		{ margin: 10px 0 0 0; font-size: 16px; line-height: 26px; }
#interestSec .interest-slider .owl-dots		{ right: 15px; left: 15px; }
#interestSec .interest-slider .owl-dots .owl-dot { width: 32px; height: 32px; margin: 0 5px; }
#interestSec .interest-slider .owl-dots .owl-dot:first-child { margin-left: 0; }
#interestSec .interest-slider .owl-dots .owl-dot:last-child { margin-right: 0; }
#interestSec .interest-slider .owl-dots .owl-dot:before, #interestSec .interest-slider .owl-dots .owl-dot:after { display: none; }
#interestSec .interest-slider .owl-dots .owl-dot span { width: 8px; height: 8px; }

}



/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

:root										{ --container-width: 100%; }
.container									{ /*width: 540px;*/ max-width: 100%; padding: 0 15px; }

#caption									{ top: 45%; }

/*----------------- Inner Pages -----------------*/
#innerBanner, #innerBanner .inner-slider, #innerBanner .owl-stage-outer, #innerBanner .owl-stage, #innerBanner .owl-item { height: 118vh; }
#innerBanner #caption						{ top: 45%; }

}