.page.home .content.video {
	background: url("images/home-bg-new.jpg");
	background-size: cover;
	/*background-size: 100% 100%;*/
	/*background-position: 50% 50%;*/
	background-position: top center;
	background-repeat: no-repeat;
	background-position: center 20%;
}
.page .content.menu-bottom .tablewrapper .bottommenu-container .menu-item img {
	display: none;
}
.page .content.menu-bottom .tablewrapper .bottommenu-container .menu-item.about {
	/*background-image: url("images/about-bg.png");
	background-size: cover;*/

}
.page .content.menu-bottom .tablewrapper .bottommenu-container .menu-item.distinct {
	/*background-image: url("images/distinct_bg.png");
	background-size: cover;*/

}
.page .content.menu-bottom .tablewrapper .bottommenu-container .menu-item.news {
	/*background-image: url("images/news_bg.png");
	background-size: cover;*/

}
.page .content.menu-bottom .tablewrapper .bottommenu-container .menu-item.awards {
	/*background-image: url("images/awards-bg.png");
	background-size: cover;*/

}
.page.gallery .content.content .list-gallery .list-gallery-item .gallery-pic img{
	display: none;
}
.page.gallery .content.content .list-gallery .list-gallery-item.classical .gallery-pic{
	background: url("images/gallery_1.png");
	background-size: cover;
	background-repeat: no-repeat;
}
.page.gallery .content.content .list-gallery .list-gallery-item.contemporary .gallery-pic{
	background: url("images/gallery_2.png");
	background-size: cover;
	background-repeat: no-repeat;
}
.page.gallery .content.content .list-gallery .list-gallery-item.colonial .gallery-pic{
	background: url("images/gallery_3.png");
	background-size: cover;
	background-repeat: no-repeat;
}
.page.gallery .content.content .list-gallery .list-gallery-item.concept .gallery-pic{
	background: url("images/gallery_4.png");
	background-size: cover;
	background-repeat: no-repeat;
}
.page.whyfelton .content.content .box-image-container {
	display: none;
}
.page.whyfelton {
	background: url("images/whyfelton_bg.jpg");
	background-size: contain;
	/*background-size: 100% 100%;*/
	/*background-position: 50% 50%;*/
	background-repeat: no-repeat;
}
.page.history .content.content .main-content {
	display: none;
}
.page.history {
	background: url("images/history_bg2.jpg");
	background-size: contain;
	/*background-size: 100% 100%;*/
	/*background-position: 50% 50%;*/
	background-repeat: no-repeat;
}
.page.contactus {
	background: url("images/contactus_bg.jpg");
	background-size: contain;
	background-repeat: no-repeat;
}
.page.displayhome {
	/*background: url("images/displayhome_bg.jpg");*/
	background-size: contain;
	background-repeat: no-repeat;
}
.page.enquire {
	background: url("images/enquire_bg.jpg");
	background-size: contain;
	background-repeat: no-repeat;
}

.page.galleryzoom .content_galleryzoom .thumbnail-wrapper {
	background-repeat: no-repeat;
	background-size: cover;
}

/* fuadyusuf: home page background image height on specific screen aspect ratio */
/*@media screen and (min-aspect-ratio: 15/10) {
	.page.home .content.video, .page.home .content.video-play-overlay, .page.home .content.enquiry {
		height: 80%;
	}
	.page .content.menu-bottom
	{
		height: 20%;
		font-size: 0.9em;
	}
}

@media screen and (min-aspect-ratio: 17/10) {
	.page.home .content.video, .page.home .content.video-play-overlay, .page.home .content.enquiry {
		height: 82%;
	}
	.page .content.menu-bottom
	{
		height: 18%;
		font-size: 0.8em;
	}
}

@media screen and (min-aspect-ratio: 20/10) {
	.page.home .content.video, .page.home .content.video-play-overlay, .page.home .content.enquiry {
		height: 87%;
	}
	.page .content.menu-bottom
	{
		height: 13%;
		font-size: 0.75em;
	}
}*/

@media screen and (min-aspect-ratio: 20/10) {
	.page.home .content.video {
		height: 100%;
		background-position: center 25%;
	}
	
	.page.home .content.enquiry {
		height: 88%;
	}
	.page .content.menu-bottom
	{
		/*height: 12%;*/
	}
}

@media screen and (min-aspect-ratio: 21/10) {
	.page.home .content.video {
		background-position: center 33%;
	}
}

@media screen and (min-aspect-ratio: 214/100) {
	.page.home .content.video {
		background-size: 100% auto;
		background-position: center 30%;
	}
	.page.home .content.video .logo a {
		right: 4.5%;
	}

	.isHome .menu-link {
		left: 3.5%;
	}
}

@media screen and (min-aspect-ratio: 226/100) {
	.page.home .content.video {
		background-size: 100% auto;
		background-position: center 20%;
	}
	.page.home .content.video .logo a {
		right: 7%;
	}

	.isHome .menu-link {
		left: 6%;
	}
}

@media screen and (min-aspect-ratio: 16/9) {
	.page .tittle-page {
        padding-top: 2%;
    }
}

@media screen and (min-aspect-ratio: 19/9) {
	.page.home .content.video {
		/*background-position: center 22%;*/
	}
}

/* media screen using screen resolution */
/* Dont re-arrange this ! */
@media screen and (max-width: 1366px) and (max-height: 870px) {
	.page.home .content.video .play-link {
		top: 5%;
	}
}

@media screen and (max-width: 1440px) and (max-height: 870px) {
	.page.home .line-description .content-description {
		line-height: 1.4em;
	}
}

@media screen and (min-width: 1441px) and (min-height: 871px) {
	.page.home .line-description .content-description {
		line-height: 1.4em;
	}
}

@media screen and (min-width: 1680px) and (max-width: 1800px) {
	.page.home .content.video .play-link .watch {
		margin: 0 43.5% 1%;
		width: 13%;
	}

	.page.home .content.video .play-link .sublogo {
		font-size: 1.4em;
	}
}

@media screen and (min-width: 1801px) {
	.page.home .content.video .play-link {
		top: 12%;
	}

	.page.home .content.video .play-link .watch {
		margin: 0 44.5% 1%;
		width: 11%;
	}

	.page.home .content.video .play-link .sublogo {
		font-size: 1.1em;
	}
}

@media screen and (min-width: 1801px) and (min-height: 1080px) {
	.page.home .content.video .play-link {
		top: 2%;
	}
}

@media screen and (min-width: 2300px) {
	.page.home .content.video .play-link {
		top: 7%;
	}
}

@media screen and (min-width: 2550px) {
	.page.home .content.video .play-link {
		top: 12%;
	}

	.page.home .line-description .content-description {
	    line-height: 1.5;
	}
}

/* ----- end ------- */

/*@media screen and (min-width: 1024px) and (min-height: 768px) {
    .page.home .content.video {
	    position: absolute;
	    width: 100%;
	    height: 90%;
	}
	.page .content.menu-bottom {
	    height: 11%;
	}
}*/

@media screen and (min-width: 852px) and (max-width: 1023px) and (min-height: 405px) and (max-height: 767px) {
    .page.home .content.video .play-link {
	    margin-top: 20%;
	   	font-size: 0.5em;
	    height: 2em;
	}
}

@media screen and (min-width: 450px) and (max-width: 620px) {
    .page.home .content.enquiry .enquiry_form {
	    font-size: 1.5em;
	}
	.page.home .content.enquiry .enquiry_form .form_content {
	    margin-left: 25%;
	}
	.page.home .content.enquiry .enquiry_form .submit {
	    left: 37.5%;
	}
}

@media screen and (max-width: 750px) and (min-width: 630px){
    .page.home .content.enquiry .enquiry_form {
	    font-size: 1.6em;
	}
	.page.home .content.enquiry .enquiry_form .form_content {
	    margin-left: 25%;
	}
	.page.home .content.enquiry .enquiry_form .submit {
	    left: 42.5%;
	}
}

@media screen and (max-width: 800px) and (min-width: 760px){
    .page.home .content.enquiry .enquiry_form {
	    font-size: 1.6em;
	}
	.page.home .content.enquiry .enquiry_form .form_content {
	    margin-left: 17%;
	}
	.page.home .content.enquiry .enquiry_form .submit {
	    left: 40.5%;
	}
}

@media screen and (min-aspect-ratio: 115/100) and (max-aspect-ratio: 13/10) {
	.page.enquire .content.description .description-item .header-description {
        top: 8%;
    }
}


@media screen and (min-aspect-ratio: 13/10) and (max-aspect-ratio: 14/10) {
	.page.enquire .content.description .description-item .header-description {
        top: 9%;
    }
}

@media screen and (min-aspect-ratio: 14/10) and (max-aspect-ratio: 15/10) {
	.page.enquire .content.description .description-item .header-description {
        top: 10%;
    }
}

@media screen and (min-aspect-ratio: 15/10) and (max-aspect-ratio: 16/10) {
	.page.enquire .content.description .description-item .header-description {
        top: 11%;
    }
}

@media screen and (min-aspect-ratio: 16/10) and (max-aspect-ratio: 17/10) {
	.page.enquire .content.description .description-item .header-description {
        top: 12%;
    }
}

@media screen and (min-aspect-ratio: 17/10) and (max-aspect-ratio: 18/10) {
	.page.enquire .content.description .description-item .header-description {
        top: 13%;
    }
}

@media screen and (min-aspect-ratio: 18/10) and (max-aspect-ratio: 19/10) {
	.page.enquire .content.description .description-item .header-description {
        top: 12%;
    }
}

@media screen and (min-aspect-ratio: 19/10) and (max-aspect-ratio: 20/10) {
	.page.enquire .content.description .description-item .header-description {
        top: 10%;
    }
}

@media screen and (min-aspect-ratio: 20/10) and (max-aspect-ratio: 21/10) {
	.page.enquire .content.description .description-item .header-description {
        top: 7.5%;
    }
}

@media screen and (min-aspect-ratio: 20/10) and (max-aspect-ratio: 21/10) {
	.page.enquire .content.description .description-item .header-description {
        top: 7.5%;
    }
    .page.enquire .enquire-content {
    	top : 6%;
    }
}
@media screen and (min-aspect-ratio: 21/10) and (max-aspect-ratio: 22/10) {
	.page.enquire .content.description .description-item .header-description {
        top: 7.5%;
    }
    .page.enquire .enquire-content {
    	top : 6%;
    }
    .page.enquire .enquire-content .enquire_form .submit {
    	margin-top: 2em;
    }
    .page.enquire .enquire-content .enquire_form .form_content {
		line-height: 2.9em;
	}
}
@media screen and (min-aspect-ratio: 22/10) and (max-aspect-ratio: 23/10) {
	.page.enquire .content.description .description-item .header-description {
        top: 7.5%;
    }
    .page.enquire .enquire-content {
    	top : 6%;
    }
    .page.enquire .enquire-content .enquire_form .submit {
    	margin-top: 2em;
    }
    .page.enquire .enquire-content .enquire_form .form_content {
		line-height: 2.8em;
	}
}
