
@media screen and (max-width: 1600px) {
	.home-banner article {top: 180px;}
	.img-description ul.img-description-list li aside {width: calc(54% - 55px);}
	.img-description ul.img-description-list li article {width: calc(46% - 55px);}
	.ip-banner:before {height: 200px;}
	.faqs .additional-faqs {margin-top: 100px;}
	.daintree-intro {padding: 0 0 50px;}
	.flower-vector1 img {width: 250px;}
	.flower-vector1 {margin: -169px 0 -117px;}
}

@media screen and (max-width: 1440px) {
	h1 {font-size: 53px; line-height: 63px;}
	h2 {font-size: 43px; line-height: 53px;}
	.slick-prev {left: -40px!important;}
	.slick-next {right: -40px!important;}
	.home-banner article img {width: 480px;}
}

@media screen and (max-width: 1366px) {
	.pagewrapper {width: 95%;}
	header img#logo {width: 200px;}
	header img#logo.scrolled {width: 150px;}
	header .pagewrapper ul.main-nav {gap: 20px}
	.home-banner article {top: 150px;}
	.introduction, .introduction2 {padding: 30px 0 50px;}
	.flower-vector2 {width: 200px;}
	.img-description ul.img-description-list li aside {width: calc(54% - 45px);}
	.img-description ul.img-description-list li article {width: calc(46% - 45px);}
	.img-description ul.img-description-list li {margin-bottom: 80px;}
	.img-description ul.img-description-list li:last-child {margin-bottom: 20px;}
	.divider .pagewrapper img {width: 350px;}
	.maps {padding: 80px 0 30px;}
	.interested .pagewrapper .wrapper aside {padding-left: 20px;}
	.ip-banner:before {height: 170px;}

	.dev-phase .pagewrapper .dev-phase-list li {margin-bottom: 100px; padding-bottom: 100px;}
	.dev-phase .pagewrapper .load-more {bottom: 95px;}
	.dev-phase .pagewrapper .dev-phase-list li::after {width: 350px; bottom: -18px;}
	.amenities-wrapper .amenities .pagewrapper .amenities-slider {padding: 0 30px;}
	.slick-prev {left: -10px!important;}
	.slick-next {right: -10px!important;}
	.amenities-wrapper .divider {margin: 20px 0 50px;}
	.icon-text {margin-bottom: 50px;}

	.restaurant-shop .pagewrapper .shop-list {padding: 50px 0;}

	.awards-recognition .pagewrapper .awards-list .slick-prev {left: -45px!important;}
	.awards-recognition .pagewrapper .awards-list .slick-next {right: -45px!important;}
	.faqs {padding: 50px 0 30px;}
	details summary:after, details[open] summary:after {width: 35px; padding-bottom: 35px;}
	.faqs .pagewrapper aside h2 {margin-bottom: 10px;}
	.faqs .pagewrapper aside h5 {margin-bottom: 30px;}

	.featured-news {padding: 50px 0 100px;}
	.news-list-wrapper {padding: 100px 0 50px;}
	.single-news {padding: 30px 0 50px;}
	.news-list-wrapper .pagewrapper > h3 {font-size: 36px; line-height: 46px;}
	.home-banner article img {width: 400px;}
	.daintree-intro {padding: 0 0 30px;}
	.project-details {padding: 50px 0 100px;}
	.site-dev-plan .pagewrapper h2 {margin-bottom: 30px;}
	.daintree-amenities {padding: 50px 0;}

	.contact-info {padding: 30px 0;}
	.news-list-wrapper .pagewrapper ul.news-list {gap: 0 30px}
	.news-list-wrapper .pagewrapper ul.news-list li {width: calc(100% / 3 - 20px);}
}


@media screen and (max-width: 1280px) {
	h1 {font-size: 50px; line-height: 60px;}
	.ip-banner {height: 580px;}
	.ip-banner aside {height: 100%;}
	.ip-banner aside div {height: 100%;}
	.ip-banner aside div img {object-fit: cover; height: 100%;}

	.news-list-wrapper .pagewrapper ul.news-list li > a .thumbnail {height: 250px;}

}

@media screen and (max-width: 1180px){
	header .pagewrapper ul.main-nav {display: none;}
	.mobnav {display: block;}
	.home-banner {height: 100vh;}
	.home-banner aside, .home-banner aside div {height: 100%;}
	.home-banner aside div img {object-fit: cover; height: 100%;}
	.img-description ul.img-description-list li article {padding-right: 50px;}
	.img-description ul.img-description-list li:nth-child(even) article {padding-left: 50px;}
	.img-description ul.img-description-list li aside {width: calc(54% - 35px);}
	.img-description ul.img-description-list li article {width: calc(46% - 35px);}
	.maps {padding: 50px 0 30px;}
	.restaurant-shop .pagewrapper .shop-list li article {padding: 0 70px;}
	.projects .pagewrapper .project-list img {width: 100%;}
	.projects .pagewrapper .project-list li {width: calc(100% / 3 - 40px);}
}

@media screen and (max-width: 1024px){
	.img-description ul.img-description-list li article {margin-top: 50px;}
	footer .pagewrapper .footer-menu {padding-left: 0; width: 50%;}
	footer .pagewrapper aside {margin-top: 50px;}
	.interested {margin-bottom: 50px;}
	.projects .pagewrapper .project-list {margin: 30px 0;}
	.home-banner article img {width: 350px;}
}

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

}	

@media only screen and (max-width: 850px){
	h1 {font-size: 45px; line-height: 55px;}
	h2 {font-size: 37px; line-height: 47px;}
	h3, .news-list-wrapper .pagewrapper > h3 {font-size: 32px; line-height: 42px;}
	h4 {font-size: 27px; line-height: 37px;}
	h5 {font-size: 22px; line-height: 32px;}
	h6 {font-size: 18px; line-height: 28px;}
	p, ul li, ol li {font-size: 16px; line-height: 26px;}
	.know-more, .load-more {font-size: 16px; line-height: 16px; width: 100px; height: 100px;}
	.home-banner {height: 70vh;}
	.flower-vector1 img {width: 200px;}
	.flower-vector1 {margin: -135px 0 -117px;}
	.img-description ul.img-description-list li article h4 br {display: none;}
	.img-description ul.img-description-list li article {padding: 0!important;}
	.img-description ul.img-description-list li aside {width: calc(54% - 25px);}
	.img-description ul.img-description-list li article {width: calc(46% - 25px);}
	.img-description ul.img-description-list li {margin-bottom: 50px;}
	.img-description ul.img-description-list li article .know-more-wrapper {margin-top: 60px;}
	.img-description ul.img-description-list li article {margin-top: 20px;}
	.interested .pagewrapper .wrapper aside, .interested .pagewrapper .wrapper article {width: 100%; padding: 0;}
	.divider2 img {rotate: -90deg;}
	.divider2 h5 {padding: 0 10px; z-index: 2;}
	.divider2 {margin: -100px auto;}
	.img-description {padding: 70px 0;}
	.home-banner .arrow img {width: 50px;}
	.mfp-image-holder .mfp-content {height: auto; width: 100%;}
	.mfp-figure, .mfp-figure figure, img.mfp-img {height: auto;}
	.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close, .mfp-close-btn-in .mfp-close {top: -30px; right: 0;}
	.zoom-map span i {font-size: 35px;}
	.zoom-map span {bottom: 30px; right: 50px;}

	.dev-phase .pagewrapper .dev-phase-list {padding: 30px 0;}
	.dev-phase .pagewrapper .dev-phase-list li article {width: 100%;}
	.dev-phase .pagewrapper .dev-phase-list li aside {width: 100%; padding-left: 80px; margin-top: 30px;}
	.dev-phase .pagewrapper .dev-phase-list li article .details {width: calc(100% - 80px);}
	.dev-phase .pagewrapper .dev-phase-list li {margin-bottom: 60px; padding-bottom: 60px;}
	.dev-phase .pagewrapper .load-more {bottom: 45px;}
	.fullimg {margin-bottom: 100px;}
	.introduction2 {padding: 30px 0 0;}
	.introduction2 p {width: 100%;}
	.slick-prev, .slick-next {width: 38px!important; height: 38px!important;}
	.slick-prev {left: 0px!important;}
	.slick-next {right: 0px!important;}
	.amenities-wrapper .amenities .pagewrapper > p {width: 70%;}
	.icon-text {margin-top: 10px;}
	.amenities-wrapper {padding: 80px 0 50px;}
	.restaurant-shop {padding: 50px 0; margin-top: 50px;}
	.restaurant-shop .pagewrapper .shop-list li aside {width: 100%;}
	.restaurant-shop .pagewrapper .shop-list li article {width: 100%; padding: 0; margin-top: 30px;}
	.restaurant-shop .pagewrapper .shop-list li {margin-bottom: 50px;}
	.restaurant-shop .pagewrapper .shop-list li article {margin-top: 15px;}
	.restaurant-shop .pagewrapper .shop-list li article h4 {margin-bottom: 10px;}

	.introduction img {width: 80%;}
	.awards-recognition {padding: 50px 0 30px;}
	.faqs .pagewrapper aside, .faqs .pagewrapper article {width: 100%;}
	.faqs .pagewrapper article {margin-top: 30px;}
	.faqs .additional-faqs {padding: 80px 0 50px;}
	.faqs .additional-faqs .divider {margin: 30px 0 50px;}
	.faqs {padding: 30px 0 0;}

	.featured-news .pagewrapper article {width: 100%; margin-top: 50px;}
	.featured-news .pagewrapper aside {width: 100%;}
	.featured-news .pagewrapper aside .know-more-wrapper {right: 50%; transform: translateX(50%);}
	.featured-news {padding: 30px 0 60px;}
	.news-list-wrapper .pagewrapper ul.news-list li {width: calc(100% / 2 - 15px);}
	.news-list-wrapper {padding: 80px 0 50px;}

	.single-news .header h3 {width: 100%;}
	.single-news .header p.category {margin: 15px 0 30px;}
	.single-news .header h6 {margin-bottom: 10px;}
	.news-list-wrapper .pagewrapper > h3 {margin-bottom: 20px;}
	.project-details .pagewrapper article, .project-details .pagewrapper aside {width: 100%;}
	.project-details .pagewrapper aside {margin-top: 30px;}
	.daintree-amenities {padding: 0;}

	.contact-info .pagewrapper article div {width: 100%;}
	.contact-info .pagewrapper article div::after {display: none;}
	.contact-info .pagewrapper article div {padding: 0; margin-bottom: 20px;}
	.contact-form-wrapper .pagewrapper {padding: 50px 30px;}
	.contact-info .pagewrapper aside {margin-top: 10px;}
}	

@media only screen and (max-width: 768px) {
	.home-banner {height: 750px;}
	footer .pagewrapper .footer-menu {width: 57%;}
	.img-description h2 {margin-bottom: 30px;}
	.img-description ul.img-description-list li aside, .img-description ul.img-description-list li article {width: 100%;}
	.img-description ul.img-description-list li article .know-more-wrapper {width: 90%; margin-left: auto;}
	.img-description ul.img-description-list li:nth-child(even) article .know-more-wrapper {margin-right: auto; margin-left: 0;}
	.img-description ul.img-description-list li article {display: grid;}
	.amenities-wrapper .amenities .pagewrapper .amenities-slider {margin: 30px 0;}
	.projects {padding: 80px 0 30px;}
}

@media only screen and (max-width: 640px) {
	h1 {font-size: 40px; line-height: 50px;}
	h2 {font-size: 33px; line-height: 43px;}
	h3, .news-list-wrapper .pagewrapper > h3 {font-size: 29px; line-height: 39px;}
	h4 {font-size: 25px; line-height: 35px;}
	.introduction p {width: 100%; z-index: 1;}
	.zoom-map span i {font-size: 28px;}
	.zoom-map span {right: 30px;}
	.icon-text .icon-text-list li {width: calc(100% / 2 - 20px);}
	.icon-text .icon-text-list {gap: 0 30px;}
	.amenities-wrapper .amenities .pagewrapper > p {width: 100%;}
	.amenities-wrapper {padding: 80px 0 30px;}
	.awards-recognition .pagewrapper .awards-list .slick-prev {left: -10px!important;}
	.awards-recognition .pagewrapper .awards-list .slick-next {right: -10px!important;}
	.projects .pagewrapper .project-list li {width: calc(100% / 2 - 30px); margin-bottom: 40px;}
	.projects .pagewrapper .project-list {justify-content: center; gap: 40px}
	
}

@media only screen and (max-width: 540px) {
	.home-banner aside .desktop-banner, .ip-banner aside .desktop-banner {display: none;}
	.home-banner aside .mobile-banner, .ip-banner aside .mobile-banner {display: block;}
	.interested .pagewrapper .wrapper aside ul.interested-form li, .contact-form-wrapper .pagewrapper ul.contact-form li {width: 100%;}
	.contact-form-wrapper .pagewrapper {padding: 30px;}
	footer .pagewrapper .footer-menu {width: 100%; margin-top: 30px;}
	footer .pagewrapper .credit {margin-top: 30px;}
	footer {padding: 30px 0 0;}
	.introduction {padding: 0 0 50px;}
	.img-description ul.img-description-list li article h6 {margin-bottom: 10px;}
	.img-description ul.img-description-list li article {margin-top: 15px;}
	.dev-phase .pagewrapper .dev-phase-list li article .phase-num {width: 55px; height: 55px;}
	.dev-phase .pagewrapper .dev-phase-list::after {left: 27px;}
	.dev-phase .pagewrapper .dev-phase-list li article .details {width: calc(100% - 70px);}
	.dev-phase .pagewrapper .dev-phase-list li aside {padding-left: 70px;}
	.icon-text .icon-text-list {padding: 0;}
	.icon-text {margin-bottom: 20px;}
	.introduction2 p br {display: none;}
	.restaurant-shop .pagewrapper .shop-list {padding: 30px 0 0;}
	.restaurant-shop .pagewrapper .shop-list li {margin-bottom: 40px;}
	.awards-recognition .pagewrapper .awards-list {padding: 0 40px;}
	.awards-recognition .pagewrapper .awards-list .slick-prev {left: 10px!important;}
	.awards-recognition .pagewrapper .awards-list .slick-next {right: 10px!important;}
	.introduction img {width: 100%;}
	.news-list-wrapper .pagewrapper ul.news-list li {width: 100%; margin-bottom: 30px;}
	.news-list-wrapper {padding: 50px 0;}
	.news-list-wrapper {padding: 50px 0 30px;}
	.home-banner article img {width: 85%;}
	.daintree-intro h2 {text-wrap: balance;}
	.daintree-intro {padding: 0 0 20px;}
	.project-details {padding: 30px 0 80px;}
	.site-dev-plan {padding: 50px 0;}
	.slick-dotted.slick-slider {margin-bottom: 0px!important;}
}

@media only screen and (max-width: 480px) {	
	.map-responsive {padding-bottom: 105%;}
	.flower-vector1 {margin: -102px 0 -117px;}
	.flower-vector1 img {width: 150px;}
	.img-description {padding: 50px 0;}
	.img-description ul.img-description-list li article .know-more-wrapper {width: 85%;}
	.divider .pagewrapper img {width: 290px;}
	.dev-phase .pagewrapper .dev-phase-list li::after {width: 290px; padding-bottom: 27px; bottom: -12px;}
	.dev-phase .pagewrapper .dev-phase-list li {margin-bottom: 40px; padding-bottom: 40px;}
	.dev-phase .pagewrapper .load-more {bottom: 70px;}
	.zoom-map span {bottom: 20px; right: 20px;}
	.dev-phase .pagewrapper .dev-phase-list {padding: 30px 0 80px;}
	footer .pagewrapper aside {gap: 20px;}
	footer .pagewrapper aside ul.soc-med {gap: 10px;}
	.awards-recognition .pagewrapper .awards-list li article div {width: 100%;}
	.projects .pagewrapper .project-list li {width: 60%; margin-bottom: 0;}
	.share-this .sharethis-inline-share-buttons {width: 100%;}
}
@media only screen and (max-width: 320px) {
}

@media only screen and (max-width: 1366px) and (min-width: 320px){
}
@media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation:portrait) {

}

/*@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation:portrait) {
	.hero article, .hero article.bgdesktop, .alpina-overview .pagewrapper2 article, .inquire,
	.hero-inside article, .hero-inside article.bgdesktop {background-attachment: initial!important;}
}


@media only screen and (min-device-width: 320px) and (max-device-width: 1366px) and (orientation:portrait) and (orientation:landscape) {
	.hero article, .hero article.bgdesktop, .alpina-overview .pagewrapper2 article, .inquire,
	hero-inside article, .hero-inside article.bgdesktop {background-attachment: initial!important;
}*/