@media screen and (max-width: 1899px) {
}

@media screen and (max-width: 1599px) {
}

@media screen and (max-width: 1399px) {
	:root {
	    --global--fontsize1: 15px;
	    --global--fontsize2: 17px;
	    --global--fontsize3: 24px;
	    --global--fontsize4: 22px;
	}

	.logo-home {
		top: 30px;
		left: 30px;
	    max-width: 110px;
	}
	.nav-home {
	    top: 30px;
	    right: 30px;
	}

	/*Home*/
	.homebg-img-content {
		font-size: 26px;
	}
	.homebg-img-1 .homebg-img-content {
		left: 5%;
		margin-left: 0;
	}
	.homebg-img-star {
		bottom: 0px;
	}
	.homebg-img-header-1::after {
		margin-left: -6px;
    	bottom: 6px;
	}
	.homebg-img-2 .homebg-img-star {
	    left: -50vw;
	    bottom: 27px;
	}
	.homebg-img-2 .homebg-img-header-1::after {
	    margin-left: 4px;
	}
	.homebg-img-3 .homebg-img-content {
		margin-left: -400px;
	}
	.homebg-img-3 .homebg-img-star {
	    bottom: 26px;
	}
	/*End Home*/

	/*Our Story*/
	.home-ourstory-logo-xyx {
	    max-width: 180px;
	}
	.home-ourstory-star {
    	margin-right: -28.5vw;
    	bottom: 1px;
	}
	.home-ourstory-inline-left-padding {
	    padding-right: 100px;
	}
	.home-ourstory-logo-JUMBO {
        margin-top: 75px;
        max-width: 210px;
	}
	.home-menu-text-line::after {
		bottom: 8px;
    	margin-left: -2px;
	}
	.home-ourstory-logo-xyx-text {
	    max-width: 180px;
	}
	/*End Our Story*/

	/*Interior*/
	.section-3.active .home-interior-text-1 {
	    transform: translateX(-137px);
	    -webkit-transform: translateX(-137px);
	}
	/*End Interior*/

	/*Menu*/
	.home-menu-resv-btn {
	    max-width: 300px;
	}
	/*End Menu*/

	/*Footer*/
	.home-footer-brand-inline-inline,
	.home-footer-tnc-inline {
		font-size: 11px;
	}
	.home-footer-brand-inline-inline:nth-child(1) {
		width: 28%;
	}
	.home-footer-brand-inline-inline:nth-child(3) {
		width: 22%;
	}
	/*End Footer*/
}

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

	.reservations-logo-xyx {
		max-width: 120px;
	}
	.home-footer-inline-logo {
	    max-width: 120px;
	}

	.page-padding {
	    padding: 0px 50px;
	}
	.home-ourstory-arrow {
		left: 30px;
	}
	.home-gallery-header {
		margin-left: 0;
	}
	.home-gallery-inline-1-padding {
	    padding-right: 50px;
	}
	.home-gallery-arrow-left {
	    left: -90px;
	}
	.home-menu-inline-1-padding {
	    padding-right: 50px;
	}
	.home-contact-inline-left-1 {
	    padding-right: 50px;
	}
	.home-contact-inline-right-1 {
	    padding: 200px 50px 0 0;
	}
	.home-footer-map-inline-map {
	    margin-right: 10px;
        margin-bottom: 10px;
	}
	.home-footer-inline-text {
		margin-top: 50px;
	}
	.home-footer-brand-jumbo {
	    max-width: 140px;
	}
}

@media screen and (max-width: 1199px) {
	.homebg-img-star {
	    right: -25vw;
	}
    .homebg-img-2 .homebg-img-star {
        left: -50vw;
    }
    .homebg-img-3 .homebg-img-star {
	    right: -50vw;
	}
    .home-ourstory-inline-left-padding {
        padding-right: 50px;
    }
    .home-footer-inline-2-padding {
	    padding-left: 50px;
	}
	.home-footer-brand-inline-padding {
	    padding-left: 50px;
	}
	.home-footer-tnc-inline-1 {
	    padding-left: 50px;
	}
}

@media screen and (max-width: 1099px) {
}

@media screen and (max-width: 1024px) {
	:root {
	    --global--fontsize1: 14px;
	    --global--fontsize2: 16px;
	    --global--fontsize3: 23px;
	    --global--fontsize4: 21px;
	}
    .homebg-img-content {
        font-size: 23px;
    }

	.reservations-logo-xyx {
        max-width: 115px;
	}
    .home-footer-inline-logo {
        max-width: 115px;
    }

	.web-1024,
	.web-999 {
		display: none;
	}
	.mobile-1024,
	.mobile-999 {
		display: block;
	}

	.logo-home {
	    top: 20px;
        max-width: 100px;
	}
	.nav-home {
	    top: 10px;
	    border-radius: 30px;
		right: 7px;
		padding-right: 80px;
	}
	.nav-home.active-bg {
		box-shadow: 2px 2px 5px var(--global--color4);
	}
	.nav-home-inline {
		display: none;
	}
	.nav-home-language-layer1 {
		display: block;
		font-size: 12px;
	}
	.nav-home-language-inline {
        width: 30px;
        height: 26px;
        padding: 7px 4px;
	}

	/*Nav Top*/
	.nav-iconX-layer1 {
		display: block;
	}
	.nav-top-layer1 {
		display: block;
    	background: var(--global--color3);
	}
	.nav-top-layer2 {
		height: auto;
	}
	.nav-top-layer3 {
		overflow: hidden;
	}
	.nav-top-bg-left {
		width: 100%;
	}
	.nav-top-bg-right {
		width: 0%;
	}
	.nav-top-left {
		display: none;
	}
	.nav-top-right {
		width: 100%;
		text-align: center;
		padding-top: 0px;
	}
	.nav-top-right-1 {
		padding: 0;
	}
	.nav-top-layer2-1 {
		padding: 80px 50px;
	}
	.nav-mobile-social-icon-layer1 {
		margin: auto;
		max-width: 450px;
	}
	.nav-top-logo {
    	padding-bottom: 50px;
    	max-width: 130px;
	}
	.nav-top-menu {
	    font-size: 18px;
	    margin-bottom: 40px;
	}
	.nav-top-footer-inline {
		text-align: center;
		line-height: 1.5;
	}
	.nav-mobile-social-icon {
    	width: 25px;
    	margin: 0px 15px;
	}
	.nav-top-footer-layer2 {
		font-size: 9px;
	}
	.nav-top-layer1.active .nav-top-menu a {
	    color: var(--global--color4);
	}
	.nav-top-layer1.active .nav-top-menu a:hover {
	    color: var(--global--color5);
	}
	.nav-top-right-inlineleft {
		margin-top: 50px;
	}
	.nav-iconX.openmenu .nav-icon-line {
	    background: var(--global--color2);
	}
	/*End Nav Top*/

	/*Home*/
	.homebg-img-1 {
	    background-image: url(images/home/home-mobile-img-1-1.jpg);
	    background-position: 50% 50%;
	}
	.homebg-img-2 {
	    background-image: url(images/home/home-mobile-img-2-1.jpg);
	    background-position: 50% 50%;
	}
	.homebg-img-3 {
	    background-image: url(images/home/home-mobile-img-3-1.jpg);
	    background-position: 50% 50%;
	}
    .homebg-img-1 .homebg-img-content {
        margin: auto;
        padding: 0px 30px;
    }
    .homebg-img-star {
        right: -10vw;
    }
    .homebg-img-2 .homebg-img-star {
    	left: -40vw;
        bottom: 23px;
    }
    .homebg-img-3 .homebg-img-content {
        margin-left: -250px;
    }
    .homebg-img-3 .homebg-img-star {
        right: -30vw;
        bottom: 23px;
    }
	/*End Home*/

	/*Our Story*/
	.home-ourstory-inline-left,
	.home-ourstory-inline-right {
		width: 100%;
		text-align: center;
	}
    .home-ourstory-logo-xyx {
        max-width: 160px;
        margin: 0 auto 25px;
    }
    .home-ourstory-logo-xyx-text {
        max-width: 180px;
        margin: auto;
    }
    .home-ourstory-layer4 {
    	max-width: 600px;
    }
    .home-ourstory-inline-left-padding {
        padding-right: 00px;
    }
    .home-menu-text-line::after {
    	display: none;
    } 
    .home-ourstory-star {
    	position: relative;
    	right: 0;
    	left: 0;
    	margin: 30px auto 0;
    	bottom: 0;
    }
    .home-ourstory-logo-JUMBO {
        max-width: 190px;
        margin: 0 auto 50px;
    }
    .home-ourstory-arrow {
    	position: relative;
    	left: 0;
    	right: 0;
    	margin: 30px auto 0;
    	top: auto;
    }
    .home-ourstory-arrow-1 {
    	margin: auto;
    }
	/*End Our Story*/

	/*Interior*/
    .section-3.active .home-interior-text-1 {
        transform: translateX(-100px);
        -webkit-transform: translateX(-100px);
    }
	.homeinteriorbg-img-1 {
		background-image: url(images/home-interior-mobile-1.jpg);
		background-position: 50% 50%;
	}
	.homeinteriorbg-img-2 {
		background-image: url(images/home-interior-mobile-2.jpg);
		background-position: 50% 50%;
	}
	/*End Interior*/

    /*Gallery*/
    .home-gallery-inline-1 {
    	width: 100%;
    	text-align: center;
    	margin-top: 100px;
    }
    .home-gallery-inline-2 {
    	display: none;
    }
    .home-gallery-inline-1-padding {
        padding-right: 0px;
    }
    .home-gallery-inline-1 .home-gallery-text {
	    text-align: center;
	}
	.home-menu-layer1 {
		padding-top: 50px;
	}
	.home-gallery-arrow {
		right: 0;
	}
    /*End Gallery*/

    /*Menu*/
    .home-menu-layer2 {
    	padding-bottom: 80px;
    }
    .home-menu-inline-1 {
    	width: 100%;
    	text-align: center;
    }
    .home-menu-inline-2 {
    	width: 100%;
    	text-align: center;
    }
    .home-menu-inline-1-padding {
        padding: 0px;
        margin: auto;
    }
    .home-menu-resv-btn {
    	margin: auto;
    }
    .home-menu-bg-img-content {
    	max-width: 400px;
        margin: 70px auto 0;
    }
    .home-menu-img-text-content {
    	margin: 10px auto 0;
    	max-width: 400px;
    	text-align: center;
    }
    /*End Menu*/

    /*Contact*/
    .home-contact-layer2 {
    	padding: 0px 0 100px;
    }
    .home-contact-map {
    	margin: 0 -50px 100px;
    	height: 550px;
    }
    .home-contact-inline-left {
    	width: 100%;
    }
    .home-contact-inline-left-1 {
        padding-right: 0px;
    }
    .home-contact-inline-right {
	    width: 100%;
	}
    .home-contact-inline-right-1 {
        padding: 100px 0px 0 0;
    }
    /*End Contact*/

    /*Reservations*/
    .reservations-inline {
    	width: 100%;
    }
    .reservations-map-layer1 {
    	position: relative;
    	width: 100%;
    }
    /*End Reservations*/

	/*Footer*/
	.home-footer-inline {
	    width: 50%;
	    height: auto !important;
	}
	.home-footer-inline-1 {
		width: 100%;
		padding-bottom: 60px;
	}
    .home-footer-inline-2-padding {
        padding-left: 0px;
    }
    .home-footer-inline-social {
    	width: 25px;
    }
    .home-footer-layer1 {
	    margin-top: 60px;
	    padding-top: 60px;
	}
	.home-footer-brand-inline-1 {
		width: 100%;
	}
	.home-footer-brand-inline-2 {
		display: none;
	}
    .home-footer-brand-jumbo {
    	margin: auto;
    }
    .home-footer-map {
    	margin-top: 40px;
    }
    .home-footer-tnc-layer1 {
	    margin-top: 30px;
	}
	.home-footer-brand-jumbo {
	    max-width: 130px;
	}
    .home-footer-tnc-inline {
    	width: 100%;
    	margin-left: 0;
        text-align: center;
    }
    .home-footer-tnc-inline-1 {
        padding-left: 0px;
    }
    .home-footer-tnc-inline-1 .tnc-footer-dot-1 {
    	display: block;
        line-height: 0.3;
        opacity: 0;
    }
    .home-footer-tnc-inline .developedPI {
	    margin-top: 10px;
	}
	/*End Footer*/
}

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

    .homebg-img-content {
        font-size: 20px;
    }

	.web-767 {
		display: none;
	}
	.mobile-767 {
		display: block;
	}
	.page-padding {
        padding: 0px 40px;
    }

    .logo-home {
        max-width: 90px;
    }
	.nav-top-menu {
	    font-size: 18px;
	}
	.btn-layout {
		padding: 15px 20px;
	}

	.homebg-img-1 .homebg-img-content,
    .homebg-img-2 .homebg-img-content,
    .homebg-img-3 .homebg-img-content {
        padding: 0px 30px;
        left: 0;
        right: 0;
        text-align: center;
        margin: auto;
    }
    .homebg-img-header-1::after {
    	display: none;
    }
    .homebg-img-star {
    	position: relative;
        right: auto;
        margin: 10px auto 0;
    }
    .homebg-img-1 .homebg-img-content {
        top: auto;
        bottom: 15%;
	    transform: translateY(0%);
	    -webkit-transform: translateY(0%);
    }
    .homebg-img-2 .homebg-img-content {
        top: auto;
        bottom: 17%;
	    transform: translateY(0%);
	    -webkit-transform: translateY(0%);
    }
    .homebg-img-3 .homebg-img-content {
        top: auto;
        bottom: 17%;
	    transform: translateY(0%);
	    -webkit-transform: translateY(0%);
    }
    .homebg-img-2 .homebg-img-star,
    .homebg-img-3 .homebg-img-star {
    	right: 0;
        left: 0;
        bottom: 0px;
    }
    .homebg-img-3 .homebg-img-header-1 {
	    padding-left: 0px;
	}
	.home-bg-arrowdown {
		width: 20px;
	}
	.homebg-img-header,
	.homebg-img-header-1, 
	.homebg-img-header-2 {
	    margin-top: 0px;
	}
	.homebg-img-content {
		line-height: 1.2;
	}

	.home-footer-inline {
		width: 100%;
	}
    .home-ourstory-logo-xyx {
        max-width: 145px;
    }
    .home-ourstory-logo-JUMBO {
        max-width: 185px;
    }
	.home-ourstory-layer1.fixed {
	    position: relative;
	}
	.home-interior-layer1 {
		position: fixed;
	}
	.section-3 {
		z-index: 1;
	}
	.home-gallery-layer2 {
		padding-bottom: 50px;
	}
	.formselect {
		max-width: none;
	}
	.contact-submit {
		max-width: none;
	}
	.home-footer-inline {
		text-align: center;
	}
	.home-footer-inline-logo {
		margin: 50px auto;
	}
	.home-footer-map-inline-map {
        margin: 0 auto 10px;
	}
	.home-footer-map-inline {
		display: block;
	}
	.home-footer-inline-social {
		margin: 0px 15px;
	}
	.home-footer-inline-header {
	    margin-bottom: 25px;
	}
}

@media screen and (max-width: 599px) {
	.nav-top-layer2 {
		padding: 100px 40px;
	}
	.home-ourstory-layer2 { 
		padding: 0px 40px;
	}
	.reservations-inline-info {
		padding: 100px 40px;
	}
    .section-3.active .home-interior-text-1 {
        transform: translateX(-50px);
        -webkit-transform: translateX(-50px);
    }
    .section-3.active .home-interior-text-2 {
	    transform: translateX(35px);
	    -webkit-transform: translateX(35px);
	}
    .home-ourstory-logo-xyx {
        max-width: 130px;
    }
}

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

	:root {
	    --global--fontsize1: 13px;
	    --global--fontsize2: 14px;
	    --global--fontsize3: 23px;
	    --global--fontsize4: 20px;
	}
    .homebg-img-content {
        font-size: 18px;
    }

    .logo-home {
        max-width: 80px;
    }
    .reservations-logo-xyx {
        max-width: 100px;
    }
    .home-footer-inline-logo {
        max-width: 100px;
    }
    .section-3.active .home-interior-text-1 {
        transform: translateX(-45px);
        -webkit-transform: translateX(-45px);
    }
    .section-3.active .home-interior-text-2 {
	    transform: translateX(20px);
	    -webkit-transform: translateX(20px);
	}
	.home-gallery-text {
		min-height: 22px;
	}
	.home-gallery-arrow {
		bottom: 32px;
	}
}

@media screen and (max-width: 449px) {
    .page-padding {
        padding: 0px 30px;
    }
    .home-ourstory-layer2 {
        padding: 0px 30px;
    }
	.nav-top-layer2 {
		padding: 100px 30px;
	}
	.reservations-inline-info {
		padding: 100px 30px;
	}
    .home-menu-resv-btn {
        max-width: none;
    }
}

@media screen and (max-width: 399px) {
	.logo-home {
        max-width: 75px;
    }
    .reservations-logo-xyx {
        max-width: 90px;
    }
    .home-footer-inline-logo {
        max-width: 90px;
    }
    .home-ourstory-logo-xyx {
        max-width: 130px;
    }
    .home-ourstory-logo-JUMBO {
        max-width: 185px;
    }
}

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

	:root {
	    --global--fontsize1: 12px;
	    --global--fontsize2: 13px;
	    --global--fontsize3: 21px;
	    --global--fontsize4: 18px;
	}
    .homebg-img-content {
        font-size: 17px;
    }
	.home-footer-brand-inline-inline, .home-footer-tnc-inline {
        font-size: 10px;
    }
}