@media (orientation: portrait) {
	div#hp {
		aspect-ratio: 1/2;
	}
}

/* Stupid Apple again */
/* iPad mini 1, iPad 1 and iPad 2 */
@media only screen
and (max-width : 1024px)
and (max-height : 768px)
and (-webkit-min-device-pixel-ratio: 1)
and (orientation:landscape) {
div.content-wrapper.gallery,
div.content-wrapper.video {
    background-size: 100%;
}

div.content-wrapper-inner,
.content-wrapper.video {
    width: 80%;
    position: relative;
    top: 20px;
    left: 0;
    margin: 0 auto;
}

.grid-container {
    display: block;
    height: auto;
    margin: 0 auto;
    position: relative;
} 

.grid-container a {
    display: block;
    height: 420px;
    margin-bottom: 20px;
}

.content-wrapper.video .sideways {
    margin: 0;
}

.content-wrapper-inner.video iframe, .content-wrapper-inner.video video {
    width: 100%;
    height: 400px;
}
}

@media only screen
and (max-width : 1650px) {
div.stat-con.one img {
  float: left;
  width: 50%;
  margin: 2% 2% 75px 2%;
}

div#jux_weather {
    position: absolute;
    top: 50px;
    left: 50px;
    z-index: 1;
    float: none;
    margin-top: 0;
}

.ani-con.one {
    margin: 20px 25% 10px 10%;
}

div.stat-con.three {
    padding: 15px 1% 50px;
}

.reviews {
    display: inline-grid;
    width: 45.5%;
    padding: 1%;
    margin: 0 1%;
    min-height: 180px;
}

.gallery-icon {
    width: 50%;
    padding: 5px 5px 8px 5px;
}

.gallery-icon img {
    height: 25px;
    margin-top: 5px;
}
}

@media only screen
and (max-width : 1550px) {
.stat-con.four {
    padding: 0;
    margin: 30px 0;
    overflow: hidden;
}

body#index div.left,
body#index div.right {
    width: 44%;
    padding: 0;
}

div.content-wrapper {
    width: 90%;
}
}

@media only screen
and (max-width : 1400px) {
div#hp {
    aspect-ratio: 2/1;
    width: auto;
    height: auto;
    max-width: 100%;
}

div#hp video {
    height: 100%;
    width: 100%;
}

div.stat-con.one img {
    width: 40%;
    margin: 6% 2% 75px 2%;
}

div#jux_weather {
    top: 10px;
    left: 2%;
}

[id^="gallery-scope-"] {
    width: auto;
    margin: auto;
    max-height: none;
    overflow: inherit;
}
}

@media only screen
and (max-width : 1350px) {
div#jux_weather {
    top: 5px;
}

div.stat-con h1 {
    top: 10px;
}

.ani-con.one p#ani-one-desc {
    width: 30%;
    margin: 10px 0 0 0;
}

div.stat-con.two {
    background-size: 100% 100%;
}

div.stat-con.two span {
    padding: 1%;
    width: 45%;
}

.reviews p {
    font-size: 16px;
}

.gallery-icon {
    width: 50%;
}

div.content-wrapper-inner {
    width: 75%;
    left: 20%;
}

div.content-wrapper-inner.video {
    width: 75%;
    right: 20%;
}

.item-pagewelcomesub p {
    font-size: 1em;
}

.moduletablewelcome li {
    font-size: 16px;
}

ul.nav.nav-tabs.nav-stacked li a {
    font-size: 1em;
}
}

@media only screen
and (max-width : 1200px) {
.ani-con.one {
    width: 70%;
}

div.stat-con h1 {
    top: 0;
}

.ani-con.one p#ani-one-desc {
    width: 40%;
    margin: 10px -10% 0 0;
}

div.stat-con.three {
    padding: 15px 0 50px;
}

.reviews {
    width: 47%;
    margin: 3px;
}

.gallery-icon {
    width: 75%;
}

div.content-wrapper {
    width: 96%;
    padding: 0;
}

div.content-wrapper-inner {
    width: 90%;
    left: 5%;
}

div.content-wrapper-inner.video {
    width: 90%;
    left: 1%;
}
}

@media only screen
and (max-width : 1150px) {
div.stat-con.one img {
    width: 50%;
    margin: 6% 2% 15px 2%;
}

div.stat-con span {
    padding: 6% 2% 0 2%;
}
}

@media only screen
and (max-width : 1100px) {
div#jux_weather {
    top: 0;
}

.ani-con.one,
.ani-con.two,
.ani-con.three,
.ani-con.four {
    width: 90%;
    margin: 30px auto;
}

.ani-con.one p#ani-one-desc {
    width: 40%;
    margin: 10px 0 0 0;
}

.reviews {
    width: 90%;
    margin: 10px auto;
    display: block;
    min-height: 200px;
}

.reviews.one img, .reviews.two img {
    height: auto;
    width: 20%;
}

.reviews p {
    width: 70%;
    margin-left: 25%;
    font-size: 18px;
}
.stat-con.four {
    margin: 30px auto;
    width: 90%;
}

div.left,
body#villasub .left {
    width: 100%;
    float: none;
}

div.right,
body#villasub .right {
	width: 96%;
    float: none;
    padding: 2%;
}

body#index div.right {
	float: right;
}	
}

@media only screen
and (max-width : 1000px) {
.ani-con h2#ani-one-hl {
    font-size: 2em;
}

.off-menu_94 > .sm-level:before, #off-menu_94:before,
.off-menu_96 > .sm-level:before, #off-menu_96:before {
    background: rgba(0, 0, 0, 0.5);
}
}

/* For house tablet */
@media only screen and (max-device-width : 800px) and (orientation : portrait) {
.item-pagewelcomesub {
    padding: 130px 2% 40px;
}

ul.nav.nav-tabs.nav-stacked {
    text-align: center;
    margin-bottom: 20px !important;
}

div#hp video {
    height: 1280px;
    width: 100%;
    object-fit: cover;
}
}

@media only screen
and (max-width : 900px) {
div.book #cover,
div.book .flip-book {
    width: 300px;
}

.content-wrapper-inner.video iframe, .content-wrapper-inner.video video {
    min-height: 200px;
}
}

@media only screen
and (max-width : 800px) and (orientation: portrait) {
div#hp {
    height: 50vh;
}

@media only screen
and (max-width : 800px) {
div.stat-con.one img {
    width: 96%;
    margin: 2% 2% 15px 2%;
}

div.stat-con.one h1 {
    right: 0;
    position: relative;
    margin-left: 35%;
}

div#jux_weather {
    position: relative;
    float: left;
}

div.stat-con span {
    padding: 4% 2% 0 2%;
}

div.stat-con.two span {
    padding: 2% 0;
    width: 100%;
}

.reviews {
    min-height: 150px;
}

body#index div.left, body#index div.right {
    width: 100%;
    float: none;
}

body#index .left div.center, body#index .right div.center {
    width: 95%;
}

.stat-con.four .left img {
    position: relative;
    right: 0;
    bottom: 0;
    float: right;
    top: 0;
    margin-top: -250px;
    max-width: 30%;
}

div#ff_formdiv1 {
    min-width: auto;
    width: 100%;
    margin-top: 30px;
}

.bfQuickMode section input[type='text'], .bfQuickMode section textarea, .bfQuickMode section select {
    width: 95%;
    max-width: 95%;
    height: 30px;
}

div#ff_formdiv1 .form-actions {
    text-align: center;
}

div#ff_formdiv1 .button, [type="submit"] {
    width: 98%;
    margin-bottom: 30px;
}

div.content-wrapper.aboutus,
div.content-wrapper.gallery,
div.content-wrapper.video {
    background-image: none;
    min-height: 0;
}

div.content-wrapper-inner,
div.content-wrapper-inner.video {
    width: 96%;
    left: 0;
    position: relative;
    top: 0;
}
}

@media only screen
and (max-width : 700px) {
.ani-con h2#ani-one-hl {
    font-size: 1.5em;
}

.ani-con.one p#ani-one-desc,
.ani-con p#ani-one-desc {
    width: 50%;
    margin: 10px 0 0 0;
    font-size: 0.9em;
}
}

@media only screen
and (max-width : 600px) and (orientation: portrait) {
.item-pageindex {
    overflow: hidden;
}

div#hp {
    height: 50vh;
    min-width: 150%;
    overflow: hidden;
    margin-left: -25%;
}	
}

@media only screen
and (max-width : 650px) {
div.book #cover,
div.book .back,
div.book .flip-book label.back-btn,
div.book .flip-book label.next-btn {
    display: none;
}

div.book .flip-book {
    width: 90%;
    height: auto;
    position: relative;
}

div.book .flip {
    width: 100%;
    height: auto;
    position: relative;
    margin: 10px auto;
    clear: both;
}

div.book .front {
    position: relative;
    width: 100%;
    height: auto;
}
}

@media only screen
and (max-width : 600px) {
body > .sm-btn-94, .sm-content-inner > .sm-btn-94,
body > .sm-btn-96, .sm-content-inner > .sm-btn-96 {
    top: -40px;
    left: -40px;
}

img.book-now {
    width: 25%;
}

div#slogan img.title {
    width: 70%;
}

div.stat-con h1, div.stat-con h2 {
    font-size: 1.5em;
}

div.stat-con.three {
    padding: 15px 0 0;
}

.gallery-icon {
    width: 75%;
}

.content-wrapper.video .grid-container {
    grid-template-columns: 100%;
}

.content-wrapper-inner.video iframe {
    width: 100%;
    height: 250px;
}
}

@media only screen
and (max-width : 550px) {
div#jux_weather {
    position: relative;
    float: none;
    text-align: center;
    margin: 0 0 10px -12px;
    padding: 0;
}

div.stat-con.one h1 {
    margin: 0 auto;
    text-align: center;
    font-size: 2em;
}

div.stat-con.two span ul {
    margin: 0;
    padding: 0 0 0 2%;
}

.stat-con.four .left img {
    margin-top: -220px;
    max-width: 25%;
}

.gallery-icon {
    width: 90%;
}

.gallery-icon img {
    height: 25px;
}

.content-wrapper-inner.video iframe {
    width: 100%;
    height: 200px;
}

.content-wrapper.guestbook a img {
    width: 100%;
}
}

/* Stupid Apple again */
/* iPad mini 1, iPad 1 and iPad 2 */ 
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 1)
and (orientation: portrait) {
div.content-wrapper.gallery,
div.content-wrapper.video {
    background-size: 100%;
}

div.content-wrapper-inner,
.content-wrapper.video {
    width: 80%;
    position: relative;
    top: 20px;
    left: 0;
    margin: 0 auto;
}

.grid-container {
    display: block;
    height: auto;
    margin: 0 auto;
    position: relative;
} 

.grid-container a {
    display: block;
    height: 420px;
    margin-bottom: 20px;
}

.content-wrapper.video .sideways {
    margin: 0;
}

.content-wrapper-inner.video iframe, .content-wrapper-inner.video video {
    width: 100%;
    height: 400px;
}	
}