@charset "utf-8";
/* CSS Document */

@media screen and (orientation:portrait){
	.featured-panel {
		height:100vh;
		background-size:auto 70%;
		background-repeat:no-repeat;
		align-items:flex-end;
		background-color:#fff;
	}
	.featured-panel.panel-1 {
		background-position:top left;
		justify-content:center;
	}
	.feature-1-content{
		width:100% !important;
		padding:50px 10% 60px 10% !important;
		background-color:#fff;
	}
	.featured-panel.panel-2 {
		background-position:top right;
		justify-content:center;
	}
	.feature-2-content{
		width:100% !important;
		padding:50px 10% 60px 10% !important;
		background-color:#fff;
	}
	.featured-panel.panel-3 {
		background-position:top left;
		justify-content:center;
	}
	.feature-3-content{
		width:100% !important;
		padding:50px 10% 60px 10% !important;
		background-color:#fff;
	}
	.featured-panel.panel-4 {
		background-position:top right;
		justify-content:center;
	}
	.feature-4-content{
		width:100% !important;
		padding:50px 10% 60px 10% !important;
		background-color:#fff;
	}
	.featured-panel.panel-5 {
		background-position:top left;
		justify-content:center;
	}
	.feature-5-content{
		width:100% !important;
		padding:50px 10% 60px 10% !important;
		background-color:#fff;
	}
	.featured-panel.panel-6 {
		background-position:top right;
		justify-content:center;
	}
	.feature-6-content{
		width:100% !important;
		padding:50px 10% 60px 10% !important;
		background-color:#fff;
	}
	.featured-panel.panel-7 {
		background-position:top left;
		justify-content:center;
	}
	.feature-7-content{
		width:100% !important;
		padding:50px 10% 60px 10% !important;
		background-color:#fff;
	}
	.featured-panel.panel-airbnb {
		height:auto;
		background-position:top right;
		justify-content:center;
		background-size:auto 550px;
	}
	.feature-airbnb-content{
		width:100% !important;
		padding:50px 10% 60px 10% !important;
		background-color:#fff;
		margin-top:500px;
	}
	.video-container{
		height:500px !important;
	}
	.video-content{
		top:100px;
		width:90%;
		margin-left:-45%;
	}
	.video-container-2{
		height:auto !important;
	}
	.bg-video{
		height:500px;
	}
	.majukl360-container {
		height:500px !important;
	}
	.img-mobile{
		width:350px;
		margin-left:-450px;
	}
	.majukl360-content{
		width:86%;
		bottom:50px;
		left:50%;
		margin-left:-250px;
		padding:20px 20px 20px 50px;
	}
	.majukl360-content > div{
		width:75%;
		margin-left:25%;
	}
	ul.btn-list li a img{
		width:150px;
	}
	.banner-wrapper.side-progress .banner-title{
		color:#fff;
	}
	.banner-wrapper.gallery-photos .banner-title{
		color:#000;
	}
	.banner-wrapper.contact .banner-title{
		color:#fff;
	}
	.banner-title{
		top:60%;
		right:auto;
		left:10%;
		padding-right:10%;
	}
	.banner-title.majukl{
		top:13% !important;
		width:90% !important;
	}
	.banner-wrapper.majukl{
		background-image:url(../images/banner-majukl-3-mobile.jpg);
	}

}

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

@media (max-width:1400px){
	.feature-1-content{
		width:60%;
		padding:0 8% 0 0;
	}
	.feature-2-content{
		width:60%;
		padding:0 0 0 8%;
	}
	.feature-3-content{
		width:60%;
		padding:0 8% 0 0;
	}
	.feature-4-content{
		width:60%;
		padding:0 0 0 8%;
	}
	.feature-5-content{
		width:60%;
		padding:0 8% 0 0;
	}
	.feature-airbnb-content{
		width:60%;
		padding:0 0 0 8%;
	}
	.banner-title.majukl{
		width:35%;
	}
}

@media screen and (max-width:1279px){
	.lang-container {
		color:#70798b;
		top:40px;
	}
	.lang-container a{
		color:#70798b;
	}
	.sticky-menu {
		display:none;
	}
	.sticky-menu.nav{
		display:block;
	}
	.majukl360-content{
		width:80%;
		max-width:700px;
	}
	.majukl360-content > div{
		width:75%;
		margin-left:25%;
	}
	ul.footer-logo li{
		padding:0 10px;
	}
	.footer-bottom .grid{
		padding:40px 10px;
	}
	ul.number-list.style2 li .counter{
		font-size:34px;
	}
	ul.number-list.style2 li .percentage{
		font-size:18px;
	}
}

@media screen and (min-width:1025px){
	.submenu-indicator{
		display:none !important;
	}
}

@media screen and (max-width:1023px){
	ul.number-list.style3{
		flex-wrap:wrap;
	}
	ul.number-list.style3 li{
		margin:15px 0;
		width:50%;
		border:none;
	}
	ul.number-list.style3 li:nth-child(even){
		border-left:#000 1px solid;
	}
	ul.number-list.style2 li .counter{
		font-size:28px;
	}
	ul.number-list.style2 li .percentage{
		font-size:14px;
	}
}

@media screen and (max-width:800px){
	.banner-title.progress{
		top:100px;
		right:auto;
		left:5%;
	}
	.banner-title.progress.black{
		color:#fff;
	}
	.banner-title.progress h1{
		font-size:28px;
		line-height:28px;
	}
	.banner-title.progress p{
		font-size:14px;
		line-height:18px;
		margin-top:5px;
	}
	.event-container {
		height:auto !important;
		display:block;
		padding:40px 0 50px 0;
	}
	.events-grid{
		max-width:500px;
		margin:0 auto !important;
		display:block;
	}
	.events-box .date{
		height:65px;
		padding:30px 20px 0 20px;
	}
	.events-box .title{
		font-size:18px;
		line-height:22px;
		padding:20px 20px 40px 20px;
	}
	.news-box .date{
		height:auto;
		padding:20px;
	}
	.news-box .title{
		font-size:18px;
		line-height:22px;
		padding:20px 20px 60px 20px;
	}
	.video-content{
		top:100px;
		width:90%;
		margin-left:-45%;
	}
	.icon-play{
		width:50px;
	}
	.filters-bar{
		padding:10px;
	}
	.img-float-right{
		float:none !important;
		padding:10px 0 !important;
	}
	.img-float-left{
		float:none !important;
		padding:10px 0 !important;
	}
	.contact-box.left{
		width:100%;
		text-align:center;
	}
	ul.footer-logo{
		text-align:center;
	}
	ul.footer-logo.right{
		float:none;
	}
	.vacuum-row{
		display:block;
	}
	.banner-title.majukl h1{
		font-size:28px;
		line-height:28px;
	}
	.banner-title.majukl p{
		font-size:14px;
		line-height:18px;
		margin-top:5px;
	}
	.banner-title br.space{
		content: "";
  		margin-top: 10px;
  		display: block;
	}
	.title-sky{
		margin-bottom:10px !important;
	}
}


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

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

@media (max-width:640px){
	body {
	  font-size: 14px;
	  line-height:22px;
	}
	h1{
		font-size:26px;
		line-height:30px;
	}
	h2{
		font-size:22px;
		line-height:26px;
	}
	h3{
		font-size:18px;
		line-height:22px;
	}
	h4{
		font-size:16px;
		line-height:20px;
	}
	.logo img {
		max-width:120px !important;
		margin-left:0px;
	}
	header {
		height:100px;
		background-size:auto 100px;
	}
	.feature-1-content h1,
	.feature-2-content h1,
	.feature-3-content h1,
	.feature-4-content h1,
	.feature-5-content h1,
	.feature-airbnb-content h1{
		font-size:26px;
		line-height:30px;
	}
	.feature-1-content p,
	.feature-2-content p,
	.feature-3-content p,
	.feature-4-content p,
	.feature-5-content p,
	.feature-airbnb-content p{
		font-size:14px;
		line-height:22px;
	}
	.feature-2-content ul,
	.feature-4-content ul{
		font-size:14px;
		line-height:22px;
	}
	.feature-1-content h1 br,
	.feature-2-content h1 br,
	.feature-3-content h1 br,
	.feature-4-content h1 br,
	.feature-5-content h1 br,
	.feature-airbnb-content h1 br{
		display:none;
	}
	.feature-icon img{
		width:80px !important;
	}
	.events-box .title{
		font-size:16px;
		line-height:22px;
	}
	.news-box .title{
		font-size:16px;
		line-height:22px;
		padding:20px 20px 50px 20px;
	}
	.news-box a::after{
		background-size:30px;
		width:30px;
		height:30px;
		bottom: 15px;
		right: 15px;
	}
	.news-box a:hover::after{
		background-size:35px;
		width:35px;
		height:35px;
	}
	.contact-box{
		padding:20px 10px;
	}
	a.btn-more{
		padding:10px 20px;
		line-height:18px;
	}
	/*.banner-title{
		top:65%;
		left:5%;
		padding-right:5%;
	}*/
	.banner-title h1{
		font-size:28px;
		line-height:28px;
	}
	.banner-title p{
		font-size:14px;
		line-height:18px;
		margin-top:5px;
	}
	.inner-content{
		padding:20px 0 !important;
	}
	.inner-content-news{
		padding:100px 0 20px 0 !important;
	}
	.white-arrow{
		margin-left:-27px;
	}
	.white-arrow img{
		width:54px;
	}
	hr {
		margin:30px 0;
	}
	.facilities-legend-box ol{
		width:100%;
	}
	.facilities-legend-box ol li{
		padding:0 20px 0 0;
		margin:2px 0 2px 28px;
	}
	.facilities-legend-box ol li span{
		width:20px;
		height:20px;
		border-radius:20px;
		line-height:20px;
		margin-left:-28px;
	}
}


@media screen and (orientation:landscape) and (max-height:600px) and (max-width:960px){	
	.featured-panel h1{
		font-size:30px;
		line-height:34px;
	}
	.featured-panel{
		height:100vh !important;
	}
	.feature-1-content h1,
	.feature-2-content h1,
	.feature-3-content h1,
	.feature-4-content h1,
	.feature-5-content h1,
	.feature-6-content h1,
	.feature-7-content h1,
	.feature-airbnb-content h1{
		font-size:30px;
		line-height:34px;
	}
	.feature-1-content{
		width:55%;
		padding:0 3% 0 0;
	}
	.feature-2-content{
		width:55%;
		padding:0 0 0 3%;
	}
	.feature-3-content{
		width:55%;
		padding:0 3% 0 0;
	}
	.feature-4-content{
		width:55%;
		padding:0 0 0 3%;
	}
	.feature-5-content{
		width:55%;
		padding:0 3% 0 0;
	}
	.feature-6-content{
		width:55%;
		padding:0 0 0 3%;
	}
	.feature-7-content{
		width:55%;
		padding:0 3% 0 0;
	}
	.feature-airbnb-content{
		width:55%;
		padding:0 0 0 3%;
	}
	
	.feature-1-content h1 br,
	.feature-2-content h1 br,
	.feature-3-content h1 br,
	.feature-4-content h1 br,
	.feature-5-content h1 br,
	.feature-6-content h1 br,
	.feature-7-content h1 br,
	.feature-airbnb-content h1 br{
		display:none;
	}
	.video-container{
		height:100vh !important;
	}
	.bg-video{
		height:100vh;
	}
	.icon-play{
		width:50px;
	}
	.img-mobile{
		width:400px;
		margin-left:-500px;
	}
	.banner-title h1{
		font-size:34px;
		line-height:38px;
	}
}


@media screen and (orientation:landscape) and (max-width:850px){	
	.logo img {
		max-width:120px !important;
		margin-left:0px;
	}
	h1{
		font-size:26px;
		line-height:30px;
	}
	body {
	  font-size: 14px;
	  line-height:22px;
	}
	.feature-1-content h1,
	.feature-2-content h1,
	.feature-3-content h1,
	.feature-4-content h1,
	.feature-5-content h1,
	.feature-airbnb-content h1{
		font-size:26px;
		line-height:30px;
	}
	.feature-1-content p,
	.feature-2-content p,
	.feature-3-content p,
	.feature-4-content p,
	.feature-5-content p,
	.feature-airbnb-content p{
		font-size:14px;
		line-height:22px;
	}
	.feature-2-content ul,
	.feature-4-content ul{
		font-size:14px;
		line-height:22px;
	}
	.feature-icon img{
		width:90px !important;
	}
	.video-content{
		top:100px;
	}
	.events-box .date{
		height:55px;
		padding:20px 20px 0 20px;
	}
	.events-box .title{
		padding:10px 20px 30px 20px;
		font-size:16px;
		line-height:22px;
	}
	.majukl360-content{
		width:76%;
		bottom:30px;
		margin-left:-250px;
		padding:10px 10px 10px 40px;
	}
	.img-mobile{
		width:300px;
		margin-left:-420px;
	}
	.majukl360-content > div{
		width:80%;
		margin-left:20%;
	}
	.banner-title h1{
		font-size:28px;
		line-height:28px;
	}
	.banner-title p{
		font-size:14px;
		line-height:18px;
		margin-top:5px;
	}
	.spotlight-container {
		top:auto;
		bottom:10px;
		width:75%;
		padding:10px 20px;
		border-radius:100px;
		z-index:100;
	}
	.spotlight-container h1{
		font-size:22px;
		margin:0;
		padding:0 0 5px 0;
	}
	.spotlight-container h1 i img{
		max-width:30px;
		height:auto;
		margin-right:5px;
	}
	.spotlight-container p{
		font-size:16px;
		line-height:20px;
		margin:0 0 10px 0;
	}
	.close-btn{
		right:30px;
		top:15px;
	}
}


@media screen and (orientation:landscape) and (max-width:640px){
	h1{
		font-size:22px;
		line-height:26px;
	}
	.feature-1-content h1,
	.feature-2-content h1,
	.feature-3-content h1,
	.feature-4-content h1,
	.feature-5-content h1,
	.feature-airbnb-content h1{
		font-size:22px;
		line-height:26px;
	}
	.feature-1-content{
		width:60%;
		padding:0 2% 0 0;
	}
	.feature-2-content{
		width:60%;
		padding:0 0 0 2%;
	}
	.feature-3-content{
		width:60%;
		padding:0 2% 0 0;
	}
	.feature-4-content{
		width:60%;
		padding:0 0 0 2%;
	}
	.feature-5-content{
		width:60%;
		padding:0 2% 0 0;
	}
	.feature-airbnb-content{
		width:60%;
		padding:0 0 0 2%;
	}
	.video-content{
		top:100px;
	}
	.majukl360-content{
		width:86%;
		bottom:30px;
		margin-left:-250px;
	}
	.img-mobile{
		width:260px;
		margin-left:-380px;
	}
	.majukl360-content > div{
		width:80%;
		margin-left:20%;
	}
	ul.btn-list li a img{
		width:150px;
	}
}


@media screen and (orientation:landscape) and (max-height:420px){
	.feature-1-content h1,
	.feature-2-content h1,
	.feature-3-content h1,
	.feature-4-content h1,
	.feature-5-content h1,
	.feature-airbnb-content h1{
		font-size:20px;
		line-height:24px;
		margin-bottom:0;
	}
	.feature-1-content p,
	.feature-2-content p,
	.feature-3-content p,
	.feature-4-content p,
	.feature-5-content p,
	.feature-airbnb-content p{
		font-size:12px;
		line-height:20px;
		margin-top:5px;
	}
	.feature-1-content{
		width:68%;
		padding:0 2% 0 0;
	}
	.feature-2-content{
		width:68%;
		padding:0 0 0 2%;
	}
	.feature-3-content{
		width:68%;
		padding:0 2% 0 0;
	}
	.feature-4-content{
		width:68%;
		padding:0 0 0 2%;
	}
	.feature-5-content{
		width:68%;
		padding:0 2% 0 0;
	}
	.feature-airbnb-content{
		width:68%;
		padding:0 0 0 2%;
	}
	.feature-icon img{
		width:75px !important;
	}
	.feature-icon.mall img{
		width:65px !important;
	}
	ul.number-list{
		padding:0;
	}
	ul.number-list li{
		padding:20px 20px 5px 20px;
		width:45%;
	}
	ul.number-list li .counter{
		font-size:60px;
	}
	ul.layout-list li{
		padding:5px;
		margin:10px 0 10px 0;
		font-size:16px;
	}
	ul.layout-list li span{
		font-size:12px;
	}
	ul.content-list2 li{
		padding:0 10px 0 0;
	}
	ul.content-list2 li{
		padding:0 10px 0 12px;
		background-image:url(../images/arrows.png);
		background-repeat:no-repeat;
		background-position:-12px -7px;
		background-size:30px auto;
	}
	ul.number-list.style2{
		padding:10px 0 5px 0;
	}
	ul.number-list.style2 li{
		padding:10px 10px 5px 10px;
	}
	ul.number-list.style2 li .counter{
		font-size:26px;
	}
	ul.number-list.style2 li .percentage{
		font-size:14px;
	}
}


@media screen and (orientation:portrait) and (max-width:640px){
	.featured-panel {
		height:auto !important;
		background-size:auto 45%;
	}
	.feature-1-content{
		width:100%;
		padding:20px 5% 30px 5%;
		margin-top:340px;
	}
	.feature-2-content{
		width:100%;
		padding:20px 5% 30px 5%;
		margin-top:340px;
	}
	.feature-3-content{
		width:100%;
		padding:20px 5% 30px 5%;
		margin-top:340px;
	}
	.feature-4-content{
		width:100%;
		padding:20px 5% 30px 5%;
		margin-top:340px;
	}
	.feature-5-content{
		width:100%;
		padding:20px 5% 30px 5%;
		margin-top:340px;
	}
	.feature-6-content{
		width:100%;
		padding:20px 5% 30px 5%;
		margin-top:340px;
	}
	.feature-7-content{
		width:100%;
		padding:20px 5% 30px 5%;
		margin-top:340px;
	}
	.featured-panel.panel-airbnb {
		height:auto !important;
		background-size:auto 400px;
	}
	.feature-airbnb-content{
		width:100%;
		padding:20px 5% 30px 5%;
		margin-top:350px;
	}
	.img-mobile{
		width:200px;
		bottom:50px;
		left:-80px;
		margin-left:0;
	}
	.majukl360-content{
		width:90%;
		margin-left:-45%;
		padding:10px 10px 10px 40px;
	}
}

@media (max-width:595px){
	.spotlight-container {
		bottom:auto;
		top:110px;
		width:85%;
		padding:10px 20px;
		border-radius:100px;
		z-index:100;
	}
	.spotlight-container h1{
		font-size:22px;
		margin:0;
		padding:0 0 5px 0;
		/*border-bottom:rgba(0, 0, 0, 0.2) 2px solid;*/
	}
	.spotlight-container h1 i img{
		max-width:30px;
		height:auto;
		margin-right:5px;
	}
	.spotlight-container p{
		font-size:16px;
		line-height:20px;
		margin:0 0 10px 0;
	}
	.close-btn{
	position:absolute;
	right:30px;
	top:15px;
	}
	.close-btn img{
		max-width:25px !important;
		height:auto;
	}
	ul.featured-icon li p{
		padding:0 10px;
		font-size:12px;
		line-height:16px;
	}
	.legend-box > div{
		font-size:16px;
	}
	.news-box{
		padding:10px 0;
	}
	.map-btn ul li a img{
		width:80px;
	}
	ul.landmarks-text li{
		font-size:16px;
		line-height:26px;
		display:block;
	}
	ul.landmarks-text li.gap{
		display:none;
	}
	.banner-content{
		width:90%;
		left:5%;
		padding-top:100px;
	}
	.banner-content-text{
		padding:40px 5% 40px 5%;
	}
	.map-wrapper iframe{
		height:400px;
	}
	ul.footer-logo li img{
		height:70px;
	}
	.footer-bottom{
		text-align:center;
	}
	ul.number-list li{
		width:45%;
	}
}

@media (max-width:480px){
	ul.featured-icon{
		display:block;
	}
	ul.featured-icon li {
    	width: 50%;
	}
	a.btn-more.main{
		min-width:280px;
	}
	.featured-panel.panel-airbnb {
		background-size:auto 300px;
	}
	.feature-airbnb-content{
		margin-top:280px;
	}
	ul.layout-list{
		display:block;
		margin-bottom:10px;
	}
	ul.layout-list li{
		width:100%;
		border:none;
		border-bottom:#000 1px solid;
		padding:5px 10px 10px 10px;
		margin:5px 0;
	}
	ul.layout-list li:first-child{
		border-left:none;
	}
	ul.number-list.style3 li{
		padding:10px;
		margin:0 0 15px 0;
		width:100%;
		border-bottom:#000 1px solid;;
	}
	ul.number-list.style3 li:nth-child(even){
		border-left:none;
	}
	ul.number-list.style3 li:last-child{
		border-bottom:none;
	}
	ul.number-list.style2{
		display:block;
		padding:10px 0;
	}
	ul.number-list.style2 li{
		padding:10px;
		margin:0;
		width:100%;
		border-bottom:#000 1px solid;
		border-right:none;
	}
	ul.number-list.style2 li:first-child{
		border-left:none;
	}
}

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

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

@media screen and (orientation:landscape) and (max-height:340px){
	.feature-icon{
		display:none;
	}
}

@media (max-width:320px){
	ul.featured-icon li {
    	width: 100%;
	}
}

@media handheld, only screen and (max-width: 690px) {
}